Cursos Empresas Blog Live Conf Eventos Precios

0:005:12

Función de eliminar

Curso de Single Page Applications en Laravel con Inertia y Vue.js

Clase 15 de 20

Clase 15 / 20

Moisés de Jesús Cortés Castellanos

Hace 4 años

Yo lo hice en la vista Index, y alado del botón ver y editar puse el botón de eliminar.

Si a ti te aparece <script setup>, la forma que encontré para que funcionara fue:

import AppLayout from '@/Layouts/AppLayout.vue';
import { Link, useForm } from '@inertiajs/inertia-vue3';

defineProps({
    notes: Array
});

const destroy = (id) => {
    if(confirm('Desea Eliminar?')) {
        useForm().delete(route('notes.destroy',id));
    }
}

Desde luego puedes sacar useForm() en una constante. Y el botón que que hice:

<button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-md" @click.prevent="destroy(note.id) ">Eliminar</button>

El el controlador del lado del laravel es aplicar el típico delete.

Nota: A la fecha de esta publicación use Laravel 9.25.1 y Vue 3.2.37.

Moisés de Jesús Cortés Castellanos

Hace 4 años

Encontre que podemos sustituir useForm() por Inertia.

<script setup>
import { Inertia } from '@inertiajs/inertia';
import { Link} from '@inertiajs/inertia-vue3';
import AppLayout from '@/Layouts/AppLayout.vue';

defineProps({
    notes: Array
});

const destroy = id => {
    if(confirm('Desea Eliminar?')) {
        Inertia.delete(route('notes.destroy',id));
    }
}
</script>

Y funciona exactamente igual

Comentarios (10)10 comentarios

Carlos Eduardo Gomez García

Hace 6 años

Jose Orlando Parra Soto

Añaqui Apolinar Morales

Wilmer Omar Aguirre Galdamez

Miguel Bonifaz

Hace 5 años

Jaime Andres Ruiz Melendres

Jimmy Buriticá Londoño

Abel da Cunha

Cristobal Nyram

Arnaldo Reyes

Gustavo Martínez

Gustavo Eduardo Navarro Rodríguez

Jorge Bou-saad

Santiago Velásquez Serna

Hace 3 años

Remberto Alvaro Molina Colodro

Kenneth Angulo L

Función de eliminar

Progreso del curso

Introducción

Proyecto

Conclusión