vue如何实现商品shu选中时候的样式变化问题

2019年9月14日 83次阅读 来源: 蚊子吃青蛙

是这样的情况：
我知道，在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
    }
  }
}

但是按照上面的方法。仅能实现如下效果：
《vue如何实现商品shu选中时候的样式变化问题》

曾经都是用jquery操作dom去实现的。但是vue里，我想尽量不去操作dom，而是去操作数据的传递。
如何实现，选择颜色的时候，只有一个颜色是选中状态。选中尺码的时候，颜色依然保持选中状态的。反之，亦然。

    原文作者：蚊子吃青蛙
    原文地址: https://segmentfault.com/a/1190000011743978
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞