0

我正在使用Vue路由器。

如何将值绑定到链接?

<a v-link="'people/edit/{{ item.id }}'">Edit</a>

错误:

link="'people/edit/{{ item.id}}'": attribute interpolation is not allowed in Vue.js directives and special attributes.
4

3 回答 3

3

你不能在 v-link 中使用 mustaches,v-link 基本上是 vanilla js,并且不允许将 mustaches 作为模板部分。

如果您使用的是 ES2015,则可以使用模板字符串。

<a v-link="`/people/edit/${item.id}`">Link</a>
于 2016-09-25T09:26:50.603 回答
2

vlink 属性指定文档中访问链接的颜色,它没有像您使用它一样使用。创建链接 href 用于代替 vlink。例如下面

<a href="people/edit/${item.id}"></a>
于 2016-09-25T07:17:12.930 回答
1

由于接受 JavaScript 表达式,因此您可以在这里简单地使用+来连接字符串:v-link

<a v-link="'people/edit/' + item.id">Edit</a>

v-link是在启用路由器的应用程序中启用用户导航的指令。它接受一个将在router.go()内部传递的 JavaScript 表达式。

https://github.com/vuejs/vue-router/blob/1.0/docs/en/link.md

于 2016-09-25T09:17:03.870 回答