No tienes acceso a esta clase

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

C贸digo de actualizar

12/20
Recursos

Aportes 10

Preguntas 2

Ordenar por:

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

Para quien use <scritp setup>

<script setup>
import AppLayout from '@/Layouts/AppLayout.vue';
import {Link} from '@inertiajs/inertia-vue3';
import { useForm } from '@inertiajs/inertia-vue3'
const props=defineProps({note: Object});
const form = useForm({
    excerpt:props.note.excerpt,
    content:props.note.content
});

const submit = () => {
    form.put(route('notes.update',props.note.id), form);
};
</script>

Ohh esto es incre铆ble, intuyo c贸mo funciona, de hecho, inspeccionando la secci贸n de network veo que Inertia (espec铆ficamente en la l铆nea this.inertia.put()) hace un Ajax Request hacia la ruta que le pasamos y es ah铆 en donde entra Laravel para atender esa solicitud y hacer lo que tiene que hacer, es como si enviaramos un fetch() de toda la vida, pero ya Inertia lo hace por nosotros con la configuraci贸n requerida para poder comunicarse con Laravel (csrf token inclu铆do).
.
Amo Inertia 馃挌

Es incre铆ble como la combinaci贸n de Laravel + Inertia + Vue nos facilita la vida como desarrolladores.

Me gusta esta sintaxis 馃槄

 methods: {
        submit() {
            this.$inertia.post(
                this.route('notes.update', this.note.id), {
                    excerpt: this.form.excerpt,
                    content: this.form.content,
                }
            )
        }
    }

Tambien es valido enviar el request desde vue con Destructuring Data

驴Como ?

this.$inertia.put(this.route('notes.update',this.note.id), {...this.form});
  • informaci贸n de que es 鈥淒esructuring Data鈥

https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment

Me parece genial Vue te simplifica muchas cosas

Mi c贸digo para hacer uso de como m铆nimo una alerta de notificaci贸n al usuario: ```js const submit = () => { //rta = form.put(route("notes.update", props.note.id), form); axios.put(route("notes.update", props.note.id), form).then((res) => { console.log(res.data.successMessage); alert( "Estado: " + res.data.successState + " / RTA: " + res.data.successMessage ); if (res.data.successState == 1) { window.open(route("notes.index"), "_self"); } }); }; ```El controlador devuelve algo as铆: ```js return response()->json(['successState' => $successState, 'successMessage' => $successMessage]); ```
Jetstream tiene notificaciones muy bonitas por defecto que no siempre usamos, les dejo un ejemplo de como usarlas: */\*\*聽 聽 聽\* Update the specified resource in storage.聽 聽 聽\*/*聽 聽 public function update(UpdateNoteRequest $request, Note $note)聽 聽 {聽 聽 聽 聽 $note->update($request->validated());聽 聽 聽 聽 session()->flash('flash.banner', 'Nota actualizada con 茅xito');聽 聽 聽 聽 session()->flash('flash.bannerStyle', 'success'); 聽 聽 聽 聽 return redirect()->route('notes.index');聽 聽

Italo, usted muy bien, de 10, pero su PC tiene un poco de Lag, xd.