商品详情规格选择多属性时怎么互不影响？ - WXOPEN Club

后台返回数据格式：

wxml:

js:

前端小白请教各位大佬，多属性规格选择，照上面这么写的话大小和颜色五个属性中只能选择一个，就选了颜色大小取消选中了，怎么做到大小颜色都可以选中互不影响？

<text … class=“attr {{item.selected == bindex?‘active’:’’}}” …>{{vitem}}</text>

clickSkuValue(e){

let ds = e.currentTarget.dataset,

attrIdx = ds.index||0,

skuId = ds.bindex||0,

attr = this.data.attr

attr.hasOwnProperty(attrIdx) ? attr[attrIdx].selected = skuId : void 0

this.setData({

attr: attr

})

}

要么就麻烦点判断下标不过你这个选项可能会变所以不推荐

要么就分两个遍历分别写bindTap事件把选中的选项丢到一个数组里