Borrar un registro en Vue 3 y Oruga UI

- Andrés Cruz

In english

Borrar un registro en Vue 3 y Oruga UI

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.

Andrés Cruz

Desarrollo con Laravel, Django, Flask, CodeIgniter, HTML5, CSS3, MySQL, JavaScript, Vue, Android, iOS, Flutter

Andrés Cruz En Udemy

Acepto recibir anuncios de interes sobre este Blog.