Vue JS 및 URL 끝에 변수 추가

Question

내 페이지에 v-for 메서드가 있으며 일련의 숫자를 출력하고 있습니다.

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

나는 현재

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

사람이 말해 줄 수 얻을 : 내 V-이러한 숫자의 각 출력과 나는 다음과 같은 링크를 추가 할 필요가

1234 
122356 
124 
12312 

내가 뭘 잘못하고있어?

Answer 1

는 다음과 같이,이 경우의 v-bind directive을 사용해야합니다

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

또는 짧은을 당신은뿐만 아니라 쓰기를 수행 할 수 있습니다

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