質問: v-for内でclassを動的に付与したいです。 現在は下記のコードで、{{fuga.fuga-class}}がそのまま文字列として出力されていますが、 オブジェクトの要素の内容を出力したいです。 下記の場合、v-bind内でのマスタッシュ記法は可能か、他に解決策があるかご教授頂きたいです。 ``` ``` 参考 クラスとスタイルのバインディング 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/
回答: `v-bind:propName="expression"`の形式では、`{{}}`は使用できません。(公式ドキュメント該当部分1) `expression`部分はJavaScriptの「式」であることが期待されています。(公式ドキュメント該当部分2) オブジェクトのキー部分を動的に変えたい(変数にしたい)場合、`{ fuga.fuga_class]: true }`のように、[Computed Property Nameを使用します。