头图

Nuxt.js 3默认default布局

kensoz日本

话不多说直接解决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>

效果
image.png

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

阅读 549

人只要努力就会犯错。 永恒之女性,引我们飞升

7 声望
1 粉丝
0 条评论

人只要努力就会犯错。 永恒之女性,引我们飞升

7 声望
1 粉丝
文章目录
宣传栏