vuejs：路由器链接参数为空

Question

我已经定义了一个路由器链接

<router-link :to="{ path: linkTo + '/' + item.name, params: { id: item.id } }" >{{item.name}}</router-link>

但是当我检查路由器链接时，params 对象总是空的。

我做错了什么？如果我只是用 {{item.id}} 输出 id，我会得到数字...

这是我的路线

{ path: '/category/:name', component: Category, props: true, name: 'category', meta: { auth: true } },

格雷戈

Answer 1

您的路线中指定的动态段是“名称”，而不是“id”。这意味着您的 $route.params 对象没有“id”属性，并且您无法使用子组件中的道具访问它。

您必须将路由中的路径更改为path: '/category/:id'，或者将您的路由器链接参数更改为params: { name: item.id }。不要忘记在您的子组件中添加props: ['id']（或props: ['name']）。