javascript - Vue路由器动态参数

Question

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

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

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

标签： javascriptvue.jsvuejs2vue-componentvue-router

Answer 1

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

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

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

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