vue 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>


関連ページ

Nuxt Store

#vue

v-model

#vue

Vue datepicker

#vue
Back