如何將v-for的值綁定到Vue中的HTML屬性

Question

我試圖將從v-for獲得的值附加到屬性中，但沒有運氣。這裏是我的代碼：

<label 
     v-for="hashtag in hashtags" 
     v-bind:title=`You can filter with {hashtag}` 
     v-bind:data-value="hashtag" 
></label> 

基本上值轉到title和data-value

Answer 1

你的標題綁定之前和表達後應該有雙引號，似乎要在標題字符串插值，但我不認爲它會起作用。

試試這個（你可以ommit V-綁定CUS :它爲它的簡寫）

<label v-for="hashtag in hashtags" :title="'You can filter with ' + hashtag" :data-value="hashtag"> 
    {{ hashtag }} 
</label> 

https://jsfiddle.net/5sqs5fsq/