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.
Desarrollo con Laravel, Django, Flask, CodeIgniter, HTML5, CSS3, MySQL, JavaScript, Vue, Android, iOS, Flutter