- 給一個(gè)dom綁定多個(gè)class砰识,而且是動(dòng)態(tài)綁定,代碼如下:
<!-- class 綁定 -->
<div :class="{ red: isRed }"></div>
<div :class="[classA, classB]"></div>
<div :class="[classA, { classB: isB, classC: isC }]">
// classA 是固定不變的,classB與classC 是根據(jù)條件來(lái)判斷是否加入
對(duì)象寫(xiě)法如下:
<a :class="{ 'active': hash==='finish','nav-link':true}" href="#/finish">已完成</a>
style 動(dòng)態(tài)綁定
image.png