Vista detalle de nota

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

Cursos Empresas Blog Live Conf Eventos Precios

0:007:11

Vista detalle de nota

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

Clase 10 de 20

Clase 10 / 20

Alexander Agrazal

Hace 5 años

En mi caso, yo únicamente agregué al app.js el import nuevo que se indica acá inertia vue3

require('./bootstrap');

import { createApp, h } from 'vue';
import { createInertiaApp } from '@inertiajs/inertia-vue3';
import { InertiaProgress } from '@inertiajs/progress';
import { Head, Link } from '@inertiajs/inertia-vue3'

const appName = window.document.getElementsByTagName('title')[0]?.innerText || 'Laravel';

createInertiaApp({
    title: (title) => `${title} - ${appName}`,
    resolve: (name) => require(`./Pages/${name}.vue`),
    setup({ el, app, props, plugin }) {
        return createApp({ render: () => h(app, props) })
            .use(plugin)
            .component('InertiaHead', Head)
            .component('InertiaLink', Link)
            .mixin({ methods: { route } })
            .mount(el);
    },
});

InertiaProgress.init({ color: '#4B5563' });

mantuve los tags de :

 <inertia-link :href="route('notes.edit', note.id)">   Editar  </inertia-link>

Mauricio Poveda Macias

Hace 5 años

adicional se reemplaza inertia-link por Link

 <Link :href="route('notes.show', note.id)">
	Ver 
</Link>

Lucia Aura Mendez Martinez

Hace 5 años

Yo seguí los pasos para el app.js, pero en la vista utilizaba la etiqueta

<Link></Link>

Y no me mostraba la información. Pero usando

<inertia-link></inertia-link>

Me funciona!! Muchas gracias(:

Comentarios (16)16 comentarios

Nelson Stevens Boada Muñoz

Omar Guillermo Gamarra Ureta

André Escobar

Carlos Eduardo Gomez García

Hace 6 años

Ernesto Alejandro Muñoz Contreras

Francisco Torales Romero

María Sierra

Jimmy Buriticá Londoño

Añaqui Apolinar Morales

Osmell Caicedo

Brian Sánchez Izquierdo

Kenneth Angulo L

Hace 4 años

Arnaldo Reyes

Jorge Bou-saad

Gustavo Martínez

Franyer Daniel Lopez Jimenez

Remberto Alvaro Molina Colodro

Hace 3 años

Diego Dominguez

Leonel Moyano

Francisco Hernandez

Emilio Vega

Introducción

Cómo aprenderás a crear SPAs en Laravel

Introducción a Jetstream

Proyecto

Conoce qué SPA vas a construir

Configuración inicial

Sistema basado en componentes

Jetstream: configuración inicial

Jetstream: personalización

Listado de notas: configuración inicial

Listado de notas: personalización

Vista detalle de nota

Formulario de editar

Código de actualizar

Formulario de crear

Código de guardar

Función de eliminar

Flash message

Buscador

Conclusión

Repaso final

Despedida

Clase bonus: nunca parar de aprender

Vista detalle de nota

Progreso del curso

Introducción

Proyecto

Conclusión

Recursos

Recursos