商品详情规格选择多属性时怎么互不影响?

发布于 6 年前作者 gqiao4401 次浏览最后编辑 6 年前来自 issues

后台返回数据格式:

wxml:

js:

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

2 回复
xiachen
xiachen1 楼6 年前

<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

    })

}

jinggong
jinggong2 楼5 年前

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

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