vue.js - (Vue-router)在 NuxtJS 中使用参数重定向另一个页面时，名称为 'abc' 的路由不存在

Question

我正在使用 NuxtJs(SSR 类型)构建项目。我想在重定向另一个页面时传递参数。基于Nuxtjs documentation , 这是我的结构文件夹

pages/
--| product/
-----| productlist.vue
-----| productadd.vue
-----| productedit/
----------| _id.vue

在 productlist.vue 中，我想在点击编辑按钮时重定向到 productedit/{id}，我使用了 Nuxt-link 来做到这一点

<v-btn class="mr-2" small color="primary" nuxt :to="{ name: 'productedit-id', params: { id: item.id } }">
    <v-icon>mdi-pencil</v-icon>
</v-btn>

但是我总是得到页面 404 Not Found 和控制台日志 [vue-router] Route with name 'productedit-id' does not exist

我不明白为什么？我不知道我错过了什么。请帮助我，我很感激

Answer 1

如果你想使用名称，你也必须包含父文件夹:

:to="{ name: 'product-productedit-id', params: { id: item.id } }"

不过我个人使用静态地址

:to="`/product/productedit/`+item.id"