关于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…