Значение привязки к ссылке url

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 принимает 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 2

атрибут VLINK задает цвет посещенных ссылок в документе, он не используется, как вы использовали его. Для создания ссылки href используется в месте vlink. Например, ниже

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

Answer 3

Вы не можете использовать усы в v- link, v-link в основном ванильный js, а усы в качестве шаблонирующей части не допускаются.

Если вы используете ES2015, вы можете использовать строки шаблонов.

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