我正在使用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.
我正在使用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.
你不能在 v-link 中使用 mustaches,v-link 基本上是 vanilla js,并且不允许将 mustaches 作为模板部分。
如果您使用的是 ES2015,则可以使用模板字符串。
<a v-link="`/people/edit/${item.id}`">Link</a>
vlink 属性指定文档中访问链接的颜色,它没有像您使用它一样使用。创建链接 href 用于代替 vlink。例如下面
<a href="people/edit/${item.id}"></a>
由于接受 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