v-for内でclassを動的に付与したいです。
現在は下記のコードで、{{fuga.fuga-class}}がそのまま文字列として出力されていますが、
オブジェクトの要素の内容を出力したいです。
下記の場合、v-bind内でのマスタッシュ記法は可能か、他に解決策があるかご教授頂きたいです。
javascript
1<div class="card" v-for="fuga in hoge" v-bind:key="fuga.index"> 2 <div class="icon"> 3 <i v-bind:class="{'{{fuga.fuga-class}}':isActive}"></i> 4 </div> 5</div>
参考
クラスとスタイルのバインディング
https://jp.vuejs.org/v2/guide/class-and-style.html
vue.js tips - v-bind:class を使って class の on/off を切り替えよう
http://phiary.me/vue-js-tips-v-bind-class-toggle/
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2018/11/26 14:05
2018/11/26 14:23