如何在 Vue 中将 v-for 值绑定到 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

你的标题绑定应该在表达式之前和之后有双引号，并且你似乎想要在标题中进行字符串插值，但我认为它不会起作用。

试试这个（你可以省略 v-bind 因为:它是它的简写）

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

https://jsfiddle.net/5sqs5fsq/