vue动态改变class

Question

<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没有改变，为什么？
     

Answer 1

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

Answer 2

:class="{'active': priceIndex[index]===index}"

Answer 3

请使用这种方式赋值
this.set(this.priceIndex,index,() => {
    this.priceIndex[index]===index?"":index;
}
)

Answer 4

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

Answer 5

个人习惯用：style样式