no-image

Vue.jsでv-bindで三項演算子でクラスを指定する時の注意点

vue.jsでv-bindで三項演算子でクラスを指定するにぶつかったエラーについて

クリック時に色が変わる簡単なデモ。
[codepen_embed height=”265″ theme_id=”0″ slug_hash=”BmXWxe” default_tab=”html,result” user=”mrsekut”]See the Pen vuejs-change-color by kota marusue (@mrsekut) on CodePen.[/codepen_embed]

一見このコードで動きそうなものだが、なぜか動かなかった。

上のように中括弧で囲むのではなく、角括弧で囲む必要があるらしい。