Bind-Wert an die Link-URL

Question

Ich verwende Vue-Router.

Wie binde ich Wert an eine Verbindung?

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

Fehler:

link="'people/edit/{{ item.id}}'": attribute interpolation is not allowed in Vue.js directives and special attributes. 

Answer 1

Sie einfach + können die Saiten hier seit v-link akzeptiert JavaScript Ausdrücke verketten:

<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 Attribut gibt die Farbe der besuchten Links in einem Dokument, es ist nicht verwendet, wie Sie es verwendet haben. Zum Erstellen von Link href wird an Stelle von vlink verwendet. ZB unter

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

Answer 3

Sie Schnurrbärte in die v- verwenden, können nicht Link, V-Link ist im Grunde Vanille js, und Schnurrbärte als Templating-Teil sind nicht erlaubt.

Wenn Sie ES2015 verwenden, können Sie mit Vorlagenzeichenfolgen arbeiten.

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