普通のclassとバインドするclassを両方合わせて使いたい
VueやNuxtを使っていて、普通のclassとバインドするclass両方合わせて使いたい時がありましたので、備忘録として残しておきます!
やり方
やり方の例
やり方は簡単で、以下の例のように、:classの方とclassをそのまま合わせて使えました!
:class="{ 'on-hover': hover }"
class="testClass"
サンプルコード
以下がサンプルコードになります。
こんな感じで、普通のclassとバインドするclassを両方使っても動作することができました!
<v-card
:elevation="hover ? 12 : 2"
:class="{ 'on-hover': hover }"
class="testClass"
:href="item.link"
>
まとめ
今回は、vueやnuxtで普通のclassとバインドするclass両方合わせて使いたい時について書きました!
ふとしたときに、どうやるんだっけ?となるので、そうなったらこの記事を見返したいと思います。
コメント