将值绑定到链接 url答案

【问题标题】：Bind value to the link url将值绑定到链接 url
【发布时间】：2016-09-25 07:11:31
【问题描述】：

我正在使用 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.

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

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

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

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

【讨论】：