vuejs：router-link params为空

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

您路线中指定的动态细分是＆＃34;名称＆＃34;，而不是＆＃34; id＆＃34;。这意味着你的$ route.params对象没有＆＃34; id＆＃34;属性，您无法使用子组件中的道具访问它。

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