[Vue.js] 設定 class 與 style

標籤: Vue.js javascript

由於 class 與 style 都是 html 元素上 attribute 的一部分,我們便可以透過 v-bind 來改變這些屬性。

像這樣可以透過 true 或 false 來設定 class 的值。

 

用一個 object 來回傳值:

 

或用這樣的方式來設定 class name。

 

如果有很多個 class 要設定的話。

 

設定 style 的值也是直接寫到 v-bind 裡就好了。

 

用物件的方式表現則為這樣: