setPageLayout
setPageLayout を使用すると、ページのレイアウトを動的に変更できます。
setPageLayout
は、ページのレイアウトを動的に変更するために使用します。Nuxtコンテキストへのアクセスに依存するため、Nuxtコンテキスト内でのみ呼び出すことができます。middleware/custom-layout.ts
export default defineNuxtRouteMiddleware((to) => {
// Set the layout on the route you are navigating _to_
setPageLayout('other')
})
サーバーサイドでレイアウトを動的に設定する場合は、Vueによってレイアウトがレンダリングされる前に(プラグインまたはルーティングミドルウェア内)、ハイドレーションの不一致を避けるために必ず行う必要があります。