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>
関連ページ
Vueで DatePickerを実装
#vue
2020-08-09 22:59:53
Nuxt で axiosを利用する
#vue
2021-02-25 20:17:10
イベントハンドリング
#vue
2020-08-31 17:30:54
Nuxt Store
#vue
2021-01-08 16:11:24
Vue(Javascript)で配列をコピーする
#vue
2020-11-06 21:02:45
Back