vuejs2沒有雙引號內估計變量

Question

我有這樣一個循環：

<ul class="menu-list" v-for="artist in artists"> 
    <li> <a href="/artist/{{artist.artist}}">{{ artist.artist }}</a> </li> 
</ul> 

一切都在我的代碼工作得很好，但/artist/{{artist.artist}}部分不計算。我只是得到類似/artist/%7B%7Bartist.artist%7D%7D

在VUE 1.x中它曾經工作得很好，但不是在vue2

Answer 1

那麼如果你不想改變代碼太多那麼這應該這樣做：

<a :href="'/artist/' + artist.artist"> 

不過，如果你使用的是vue-router那麼你應該使用的 <router-link>代替<a>