setPageLayout
setPageLayout 允许你动态更改页面的布局。
setPageLayout
允许你动态更改页面的布局。它依赖于访问 Nuxt 上下文,因此只能在 Nuxt 上下文 中调用。middleware/custom-layout.ts
export default defineNuxtRouteMiddleware((to) => {
// 为你即将导航到的路由设置布局
setPageLayout('other')
})
如果你选择在服务器端动态设置布局,你_必须_在 Vue 渲染布局之前(即在插件或路由中间件中)完成此操作,以避免hydration不匹配。