setPageLayout
setPageLayout te permite cambiar dinámicamente el diseño de una página.
setPageLayout te permite cambiar dinámicamente el diseño de una página. Depende del acceso al contexto de Nuxt y, por lo tanto, solo se puede llamar dentro del contexto de Nuxt.
middleware/custom-layout.ts
export default defineNuxtRouteMiddleware((to) => {
// Establece el diseño en la ruta a la que estás navegando
setPageLayout('other')
})
Si decides establecer el diseño dinámicamente en el lado del servidor, debes hacerlo antes de que el diseño sea renderizado por Vue (es decir, dentro de un plugin o middleware de ruta) para evitar un desajuste de hidratación.
※Esta página es una traducción no oficial de la documentación oficial de Nuxt.js.
La página correspondiente en la documentación oficial está aquí:
https://nuxt.com/docs/3.x/api/utils/set-page-layout