クラスとスタイルのバインディング (:class / :style)

参考:

クラスとスタイルのバインディング | Vue.js [公式]

v-bind | Vue.js [公式]

v-bind:class / v-bind:style

参考:

Vue.js で DOM の class や style などの属性を変更する | Aire Project Blog

CSS を操作して、スタイルを動的に設定する (v-bind:style) | クルーデザイン

Dynamic Styles With Vue.js | Alligator.io

Change CSS class property with Vue.js – Stack Overflow

!important

!important 付きのスタイルをバインドするためには文字列として連結する。

<div :style="'color: ' + myColor + ' !important'">hello</div>

参考:

v-bind:style においての オブジェクトおよび !important 構文 – Vue 1.x からの移行 | Vue.js [公式]

記事をシェアする:
タグ:

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

Protected by reCAPTCHA