在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue動態(tài)改變class

vue動態(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沒有改變，為什么？
回答
編輯回答
大濕胸

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

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

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

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

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

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