Madea-K Dev

プログラムのメモや日々思ったことなど

< 35歳迄に起業し1000万円以上稼ぐ >

HTML クラスのバインディング

active クラスの有無がデータプロパティ isActive の真偽性によって決まることを意味しています。

v-bind:class に配列を渡してクラスのリストを適用することができます:

三項演算子式

この場合 errorClass は常に適用されますが、activeClass クラスは isActive が真と評価されるときだけ適用されます。
しかしながら、これでは複数の条件つきクラスがあると少し冗長になってしまいます。そのため、配列構文の内部ではオブジェクト構文を使うこともできます:

/ Vue-Nuxt

×