关于javascript:Nuxtjs-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…