Vue路由器动态参数

Question

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

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

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

Answer 1

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

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

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

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