Vue路由器动态参数答案

【问题标题】：Vue router dynamic paramsVue路由器动态参数
【发布时间】：2019-05-24 23:41:37
【问题描述】：

我无法找出传递动态参数数据的正确语法。我尝试了几种变体，但我认为我可以通过以下方式注入 someValue：

<router-link :to="{ name: 'Foo', params:{ bar: ${someValue} } }">

但是，我不断收到编译器错误。

【问题讨论】：

我认为你应该像 <router-link :to="{ name: 'Foo', params:{ bar:someValue} }"> 那样做，假设 someValue 是一个动态属性
是的，你是对的。以为我已经尝试过了。 :)

【解决方案1】：

您可以通过router-link 参数传递任何动态属性，例如：

 <router-link :to="{ name: 'Foo', params:{ bar:someValue} }">

someValue 应该是一个数据对象项或计算属性，如果你想传递一个方法返回的值，你可以这样做：

<router-link :to="{ name: 'Foo', params:{ bar:someMethod()} }">

【讨论】：