Nuxt – 开发问题记录

2025-05-08 29 0

以下记录的问题,运行环境均在 Nuxt3

页面嵌套

  • NuxtPage 组件必须定义在父页面的原生组件中

当我们父页面有这样一个选项卡切换组件, Tabs 组件中使用 slot 来展示子页面。
如图:

2025050808521760
错误的配置:

页面能正确切换展示子页面,但是会导致子页面生命周期执行2次。


<template>

<Tabs>
    <NuxtPage />
  </Tabs>
</template>

正确的配置:

Tabs 组件中,可以使用 useRoute 进行 active 状态变更。


<template>

<div>
    <Tabs />
    <NuxtPage />
  </div>
</template>

相关文章

Nuxt – 部署后关于 @popperjs/core 的报错

发布评论