Código de actualizar

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Si ya tienes una cuenta,

Recursos

Aportes 10

Preguntas 2

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Diego Dominguez

hace 3 años

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>

RetaxMaster

hace 4 años

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 💚

Jimmy Buriticá Londoño

hace 4 años

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

Jorge Bou-saad

hace 2 años

Les dejo mi commit de esta clase con Laravel 9

https://github.com/jlbousing/platzi-inertia/commit/12e371768c6719f961e6ac5c0e023461c453aea5

MiguelBonifaz

hace 3 años

Me gusta esta sintaxis 😅

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

Francisco Hernandez

hace 4 años

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 “Desructuring Data”

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

Remberto Alvaro Molina Colodro

hace un año

Me parece genial Vue te simplifica muchas cosas

pascualdas

hace 6 meses

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]); ```

David Martínez

hace un año

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');

Blad Zipt

hace 2 años

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

Si ya tienes una cuenta,

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

Código de actualizar