使用nuxt3 在页面跳转时报错 哪里写错了？

Question

刚上手写nuxt 求大神指教

//跳转
 <div class="title-left" @click="navigateTo('/person/myfile/file')">
   <icon :size="23" name="el-icon-ArrowLeft"></icon>返回我的文档
 </div>

js
definePageMeta({
    auth: true,
    layout: false //禁用布局
})

目标页面 全是静态代码 跳转到目标页面 就报错
但是页面显示没有影响

我是从 upload.vue 跳转到 person/myfile/file.vue 文件 两个文件应用不同的布局
这样跳转有问题吗

Answer 1

// app.vue
<NuxtLayout>
    <NuxtPage :key="$route.fullPath" />
</NuxtLayout>

或者升级版本 3.0.0-rc-12以上

Answer 2

你的代码没有看出有啥不对的，有可能是页面之间的跳转导致了问题。你可以使用 <Link> 组件来进行页面跳转。<Link> 组件在 Nuxt 3 中替代了 Vue Router 的 <router-link> 组件。换一下这个方法实现页面跳转试试：

<div class="title-left">
  <Link to="/person/myfile/file">
    <icon :size="23" name="el-icon-ArrowLeft"></icon>返回我的文档
  </Link>
</div>