之前一直沒注意,以為vue綁定class可以和原來的class進行合并氓皱。例如:
<div class="demo" :class="{active:isActive}"></div>
這種寫法是正確的滞造,沒問題续室。
++但是,下邊這種寫法就會報錯++
<div class="demo" :class="{active:isActive}" :class="{open:isOpen}"></div>
即谒养,同時綁定兩個條件判斷class挺狰。這種就會報錯。正確的寫法买窟,應該是下面這樣的:
<div class="demo" :class="[{active:isActive},{open:isOpen}]"></div>
也就是說綁定class必須為一個丰泊,如果有多個條件判斷class,則必須將其寫在一個數(shù)組中。