鍍金池/ 問(wèn)答/HTML/ vue動(dòng)態(tài)改變class

vue動(dòng)態(tài)改變class

<span :class="priceIndex[index]===index?'active':''"></span>
priceIndex:[],

        changePrice:function (index) {
            alert(this.priceIndex[index]===index);
            this.priceIndex[index]=this.priceIndex[index]===index?"":index;
        },
        
        程序中this.priceIndex[index]===index是true和false一次彈窗的，但是span的class沒(méi)有改變，為什么？
回答
編輯回答
大濕胸

<span :class="{active:priceIndex[index]===index}"></span>

2017年12月10日 21:04
編輯回答
愿如初

<span :class="{active:priceIndex[index]===index}"></span>
說(shuō)明一下: :class可以直接用json格式交給vue處理

2018年6月12日 15:10
編輯回答
熟稔

個(gè)人習(xí)慣用：style樣式

2018年5月3日 16:49
編輯回答
胭脂淚
:class="{'active': priceIndex[index]===index}"
2017年9月23日 04:19
編輯回答
離觴
請(qǐng)使用這種方式賦值
this.set(this.priceIndex,index,() => {
    this.priceIndex[index]===index?"":index;
}
)
2017年8月18日 23:49