Vue JS and appending a variable to end of a URL

Question

I have a v-for method on my page and I\'m outputting a series of numbers.

1234
122356
124
12312

My v-for outputs each of these numbers and I ne

Answer 1

you should use the v-bind directive for this case, like following:

<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>

or in short you can write following as well:

<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>