Question

我正在使用vue-router。

如何将值绑定到链接？

<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.

Answer 1

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

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

<a v-link="`/people/edit/${item.id}`">Link</a>

Answer 2

vlink属性指定文档中已访问链接的颜色，但未使用它，因为您已使用它。要创建链接href，请在vlink的位置使用。例如下面

<a href="people/edit/${item.id}"></a>

Answer 3

您可以简单地使用+来连接字符串，因为v-link接受JavaScript表达式：

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

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