将值绑定到 link url

Question

我正在使用 vue-router。

如何将值绑定到 link？

<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

vlink 属性指定文档中访问过的 link 的颜色，它不是你用过的。要创建 link，在 vlink 的位置使用 href。例如下面

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

Answer 2

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

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

v-link is the directive for enabling user navigation in a router-enabled app. It accepts a JavaScript expression which will be passed to router.go() internally.

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

Answer 3

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

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

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

将值绑定到 link url

Bind value to the link url

vue.js

vue-router