
Para el listado paginado en Vue construido en anteriores entradas, definimos la función para eliminar un post o registros:
deletePost(row) {
this.posts.data.splice(row.index,1)
console.log(row);
this.$axios.delete("/api/post/"+row.row.id);
},
Y la acción en el componente de o tabla de Oruga UI
<o-table-column field="slug" label="Acciones" v-slot="p">
<router-link :to="{ name: 'save', params: { slug: p.row.slug } }"
>Editar</router-link
>
<o-button variant="danger" @click="deletePost(p)"
>Eliminar</o-button
>
</o-table-column>
Con esto, podemos eliminar registros de manera directa desde la tabla en OrugaUI.
Acepto recibir anuncios de interes sobre este Blog.
Veremos como eliminar registros desde una tabla paginada empleando Vue 3 con Oruga UI.
- Andrés Cruz