setPageLayout

setPageLayout는 페이지의 레이아웃을 동적으로 변경할 수 있게 해줍니다.

setPageLayout는 페이지의 레이아웃을 동적으로 변경할 수 있게 해줍니다. 이는 Nuxt 컨텍스트에 접근해야 하므로 Nuxt 컨텍스트 내에서만 호출할 수 있습니다.

middleware/custom-layout.ts

export default defineNuxtRouteMiddleware((to) => {
  // 이동할 경로에 레이아웃을 설정합니다.
  setPageLayout('other')
})

서버 측에서 레이아웃을 동적으로 설정하려는 경우, Vue에 의해 레이아웃이 렌더링되기 전에 (즉, 플러그인이나 라우트 미들웨어 내에서) 설정해야 하이드레이션 불일치를 피할 수 있습니다.

※이 페이지는 Nuxt.js 공식 문서의 비공식 번역 페이지입니다.

공식 문서의 해당 페이지는 여기 있습니다:
https://nuxt.com/docs/3.x/api/utils/set-page-layout