以下记录的问题,运行环境均在
Nuxt3
页面嵌套
NuxtPage组件必须定义在父页面的原生组件中
当我们父页面有这样一个选项卡切换组件, Tabs 组件中使用 slot 来展示子页面。
如图:
页面能正确切换展示子页面,但是会导致子页面生命周期执行2次。
<template>
<Tabs>
<NuxtPage />
</Tabs>
</template>
正确的配置:
Tabs组件中,可以使用useRoute进行active状态变更。
<template>
<div>
<Tabs />
<NuxtPage />
</div>
</template>