是这样的情况:
我知道,在vue里,实现点击高亮,可以使用诸如:
<div class="static" v-bind:class="{defaultClass ,active: isActive}">
</div>
或
<div class="static" v-bind:class="[defaultClass,{active:index==choosedIndex}]"></div>
或
<div v-bind:class="classObject"></div>
data: {
defaultClass,
isActive: true
},
computed: {
classObject: function () {
return {
active: this.isActive
}
}
}
但是按照上面的方法。仅能实现如下效果:
曾经都是用jquery操作dom去实现的。但是vue里,我想尽量不去操作dom,而是去操作数据的传递。
如何实现,选择颜色的时候,只有一个颜色是选中状态。选中尺码的时候,颜色依然保持选中状态的。反之,亦然。