Vue的Class Binding功能可以幫助我們更輕松地管理DOM元素的class屬性,同時也給我們在響應式數據變化時動態地添加或移除class提供了便利。
在使用class綁定指令時,除了可以通過傳入一個對象來動態地綁定class外,還可以直接將一個字符串或數組作為綁定值來綁定class。例如:
<div:class="isActive"></div><div:class="['active', 'green']"></div>
在第一個例子中,我們綁定了一個isActive的響應式數據,其值為一個布爾值。Vue會自動地將這個布爾值轉換為一個class名,如果這個值為true,則class名會被添加到DOM元素上,否則會被移除。
在第二個例子中,我們將一個字符串數組作為class綁定值。Vue會將這個數組中的所有字符串都作為class名,同時添加到DOM元素上。
上一篇vue bind 條件
下一篇python 持久化字典