Vueの値を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

あなたのタイトルになりますが、私はそれが動作するとは思わない。

あなたはV-ビング/ `を使用している場合、ここで注目すべき

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

https://jsfiddle.net/5sqs5fsq/