Memo
vue classを動的に付け替える
Home
›
Memo
›
classを動的に付け替える
本稿について
本稿はサイト運営者が学んだことなどを記したメモの内容です。
全てが正確な情報とは限りません。ご注意ください。また修正するべき点は適時修正していきます
だたのdataのパラメータだったら以下の様に書ける
<a v-bind:class=“{ active: isActive }">スケジュール</a>
関数の場合
<a v-bind:class="{ active: isCurrentTab('calendar') }">スケジュール</a>
ただし関数で、違うclassを設定する時には以下の様に書かなければならない
<a v-bind:class="[ isCurrentTab('calendar') ? 'active' : ‘disabled' ]">スケジュール</a>
関連ページ
momentを使ってカウントアップの仕組みを作る
#vue
2020-09-13 14:15:53
Vueで配列を空にする場合
#vue
2020-07-30 19:19:39
動的にcomponentsをレンダリングする
#vue
2020-11-12 11:14:36
v-model
#vue
2020-07-13 19:05:01
SSRかSPAのレンダリングかを判定する
#vue
2020-09-08 19:05:42
Back