0

Estoy construyendo una aplicación en inertiaJs, tengo por defecto un componente AppLayout, pero esto hace que todos mis componentes se carguen sobre ese.

busco poder evitar eso en un componente en especifico

app.js

new Vue({
    store,
    metaInfo: {
        titleTemplate: (title) => title ? `${title} | EVPIU` : 'EVPIU'
    },
    render: (h) =>
        h(InertiaApp, {
            props: {
                initialPage: JSON.parse(app.dataset.page),
                resolveComponent: name => {
                    const componentOptions = require(`./Pages/${name}`).default;
                    componentOptions.layout = (h, page) => h(AppLayout, [page]);

                    return componentOptions;
                },
            },
        }),
}).$mount(app);

vale la pena aclarar que es una aplicación hecha con Jetstream y Inertia.Js

1 respuesta 1

0

Solucione este problema de la siguiente forma:

app.js

new Vue({
    store,
    metaInfo: {
        titleTemplate: (title) => title ? `${title} | EVPIU` : 'EVPIU'
    },
    render: (h) =>
        h(InertiaApp, {
            props: {
                initialPage: JSON.parse(app.dataset.page),
                //resolveComponent: (name) => require(`./Pages/${name}`).default,
                resolveComponent: (name)=> {
                    const module = require(`./Pages/${name}`);
                    if(!module.default.layout) {
                        // there is no Layout defined, set the default layout
                        module.default.layout = AppLayout;
                    }
                    return module.default;

                },
            },
        }),
}).$mount(app);

solo carga el Applayout cuando no se tiene ningun layout en el component (la mayoria de los casos), luego cree un appLayoutBank y lo cargue en el componente y con eso se resolvio mi problema

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.