No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Funci贸n de eliminar

15/20
Recursos

Aportes 8

Preguntas 0

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

Me gusta inertia porque hace m谩s f谩cil el hecho de comunicarse con el servidor y tener server side rendering 馃槃
.
Aun as铆, me pregunto qu茅 sucede con los hooks de Vue 馃

Como trabajo adicional quise agregar un boton de eliminar en el index justo al lado de editar.

Esto lo logre agregando method=鈥渄elete鈥 dentro de <inertia-link> y la ruta hacia notes.destroy

Es incre铆ble lo f谩cil que se hace el CRUD con esta tecnolog铆a.

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.

Esta fue el codigo que utilice para que me funcionara Eliminar

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

Se puede hacer de esta forma tambi茅n despu茅s del bot贸n de editar:

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

As铆 queda mejor visualmente y dentro del form.
Saludos!.

Esta parte fue complicada. Debido al desconocimiento de vue.
.
Aparantemente hay dos sintaxis diferentes de escribir o de estructurar los archivos vue.
.
Y por otro lado, encuentro que los botones se comportan diferente dentro o fuera del formulario, eso no me queda claro,
Pero con los ultimos comentarios de los companeros encontre como hacerlo.
.