vuejs: router-link 参数为空
vuejs: router-link params is empty
我定义了一个路由器-link
<router-link :to="{ path: linkTo + '/' + item.name, params: { id: item.id } }" >{{item.name}}</router-link>
但是当我检查 router-link 时，params 对象总是空的。
我做错了什么？如果我只是用 {{item.id}} 输出 id 我得到数字...
这是我的路线
{ path: '/category/:name', component: Category, props: true, name: 'category', meta: { auth: true } },
格雷戈尔
您在路线中指定的动态路段是 "name"，而不是 "id"。这意味着您的 $route.params 对象没有 "id" 属性 并且您无法使用子组件中的道具访问它。
您必须将路由中的路径更改为 path: '/category/:id' 或将路由器-link 参数更改为 params: { name: item.id }。不要忘记在您的子组件中添加 props: ['id']（或 props: ['name']）。
我定义了一个路由器-link
<router-link :to="{ path: linkTo + '/' + item.name, params: { id: item.id } }" >{{item.name}}</router-link>
但是当我检查 router-link 时，params 对象总是空的。
这是我的路线
{ path: '/category/:name', component: Category, props: true, name: 'category', meta: { auth: true } },
格雷戈尔
您在路线中指定的动态路段是 "name"，而不是 "id"。这意味着您的 $route.params 对象没有 "id" 属性 并且您无法使用子组件中的道具访问它。
您必须将路由中的路径更改为 path: '/category/:id' 或将路由器-link 参数更改为 params: { name: item.id }。不要忘记在您的子组件中添加 props: ['id']（或 props: ['name']）。