admin管理员组

文章数量:1423198

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

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

I current get

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

Can anyone tell me what I'm doing wrong?

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

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

I current get

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

Can anyone tell me what I'm doing wrong?

  • javascript
  • vue.js
Share Improve this question asked Dec 21, 2016 at 16:10 Dev.WDev.W 2,37011 gold badges40 silver badges79 bronze badges 1
  • Can you tell what is in your templates ? – Axnyff Commented Dec 21, 2016 at 16:12
Add a ment  | 

1 Answer 1

Reset to default 7

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>

本文标签： javascriptVue JS and appending a variable to end of a URLStack Overflow

版权声明：本文标题：javascript - Vue JS and appending a variable to end of a URL - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1745387131a2656424.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。