Vue에서 v-for 값을 HTML 특성에 바인딩하는 방법

Vue에서 v-for 값을 HTML 특성에 바인딩하는 방법

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

제목 바인딩은 식 앞뒤에 큰따옴표를 붙여야 하며 제목에 문자열 보간을 원하는 것 같습니다만, 효과가 없을 것 같습니다.

이것을 사용해 보세요(v-mit cus를 사용할 수 있습니다).:줄임말이다)

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

https://jsfiddle.net/5sqs5fsq/

언급URL : https://stackoverflow.com/questions/46004437/how-to-bind-v-for-values-to-html-attributes-in-vue