More than 3 years have passed since last update.

:class使うとき、classが２個あるのが嫌だ

Posted at 2020-12-17

こういうのは嫌だ
classが２こあるみたい。

<div class="squere" :class="{ one: val === 1, two: val === 2,  three: val === 3}"

{{ val }}

</div>

まあ、vueがうまくマージしてくれるからいいけど。

もやもやするときは、こうする。

<div :class="['squere',{one: val === '1', two: val === '2', three: val === '3'}]"></div>

配列で渡せばみんなハッピー。