Vue Js And Appending A Variable To End Of A Url

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 need to append them to a link like the

Solution 1:

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

<av-bind:href="'/order/' + order.number">1234</a><av-bind:href="'/order/' + order.number">122356</a><av-bind:href="'/order/' + order.number">124</a><av-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>