Nuxt.js 3默认default布局

话不多说直接解决nuxt3的默认布局问题

新建default.vue

创建layouts/default.vue文件

<template>
  <div>default.vue</div>
  <slot />
</template>

修改app.vue

直接修改app.vue

<template>
  <div>
    <NuxtLayout>
      <NuxtPage />
    </NuxtLayout>
  </div>
</template>

编辑index.vue

这里需要注意的是definePageMeta可以省略\
但是当你不想使用default布局的时候，可以把layout改为false

<template>
  <section>
    index.vue
  </section>
</template>

<script lang="ts" setup>
definePageMeta({
  layout: 'default'
})
</script>

效果

同样发布于本人掘金https://juejin.cn/post/709144...