Javascript Girl
  1. Javascript Girl
  3. Vue JS et ajout d'une variable à la fin d'une URL
Intereting Posts
Comment puis-je produire des parcelles comme celle-ci? Javascript setInterval ne fonctionne pas Window.onload () ne lance pas avec IE 8 en premier tir Jquery retard change css AngularJS – Définit la valeur par défaut sur select inside a ng-repeat Quel code utilisais-je pour obtenir la valeur hexadécimale d'une couleur lorsqu'un alpha à environ une demi-transparence est appliqué? Comment pouvez-vous autofocus sur un champ de formulaire dans iPhone Safari? Est-ce que la promesse JavaScript a été exécutée par Callback Asynchronosuly Cadre BDD pour le frontend? Tri d'une matrice d'objets par deux propriétés TinyMCE4 file_picker_callback – renvoie des params supplémentaires Comment appeler une fonction C # à partir de javascript? Solution de contournement pour les îlots de données xml Mode Blend: multipliez dans Internet Explorer Opérateur "Guard" comme JavaScript en PHP

Vue JS et ajout d'une variable à la fin d'une URL

J'ai une méthode v-for sur ma page et je lance une série de nombres. 

1234 122356 124 12312

Mes v-for sortent chacun de ces nombres et je dois les ajouter à un lien comme suit: 

 <a href="/order/1234">1234</a> <a href="/order/122356">122356</a> <a href="/order/124">124</a> <a href="/order/12312">12312</a>

Je reçois actuellement 

 <a href="/order/{{ order.number }}">1234</a> <a href="/order/{{ order.number }}">122356</a> <a href="/order/{{ order.number }}">124</a> <a href="/order/{{ order.number }}">12312</a>

Quelqu'un peut-il me dire ce que je fais mal?

Vous devriez utiliser la directive v-bind pour cette affaire, comme suit: 

 <a v-bind:href="'/order/' + order.number">1234</a> <a v-bind:href="'/order/' + order.number">122356</a> <a v-bind:href="'/order/' + order.number">124</a> <a v-bind:href="'/order/' + order.number">12312</a>

Ou en bref, vous pouvez également écrire: 

 <a :href="'/order/' + order.number">1234</a> <a :href="'/order/' + order.number">122356</a> <a :href="'/order/' + order.number">124</a> <a :href="'/order/' + order.number">12312</a>