リンク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-に口ひげを使用することはできませんがリンク、v-リンクは基本的にバニラjsであり、テンプレート部分としてのマストは許可されていません。

ES2015を使用している場合は、テンプレート文字列を使用できます。

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