setPageLayout

setPageLayout 允许您动态更改页面的布局。

setPageLayout 允许您动态更改页面的布局。它依赖于对 Nuxt 上下文的访问，因此只能在 Nuxt 上下文中调用。

middleware/custom-layout.ts

export default defineNuxtRouteMiddleware((to) => {
  // 设置您正在导航到的路由的布局
  setPageLayout('other')
})

如果您选择在服务器端动态设置布局，您必须在布局被 Vue 渲染之前（即在插件或路由中间件中）进行设置，以避免水合不匹配。

※此页面是 Nuxt.js 官方文档的非官方翻译页面。