如何将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/