{
“attrKey”: “型号”,
“attrValue”: “1”
},
{
“attrKey”: “颜色”,
“attrValue”: “黑色”
},
{
“attrKey”: “大小”,
“attrValue”: “小”
},
{
“attrKey”: “尺寸”,
“attrValue”: “M”
}
]
},
{
priceId: 3,
price: 35.2,
“stock”: 10,
“attrValueList”: [
{
“attrKey”: “型号”,
“attrValue”: “1”
},
{
“attrKey”: “颜色”,
“attrValue”: “绿色”
},
{
“attrKey”: “大小”,
“attrValue”: “大”
},
{
“attrKey”: “尺寸”,
“attrValue”: “L”
}
]
},
{
priceId: 4,
price: 35.2,
“stock”: 10,
“attrValueList”: [
{
“attrKey”: “型号”,
“attrValue”: “1”
},
{
“attrKey”: “颜色”,
“attrValue”: “绿色”
},
{
“attrKey”: “大小”,
“attrValue”: “大”
},
{
“attrKey”: “尺寸”,
“attrValue”: “L”
}
]
}
],
attrValueList: []
},
onShow: function () {
this.setData({
includeGroup: this.data.commodityAttr
});
this.distachAttrValue(this.data.commodityAttr);
// 只有一个属性组合的时候默认选中
// console.log(this.data.attrValueList);
if (this.data.commodityAttr.length == 1) {
for (var i = 0; i < this.data.commodityAttr[0].attrValueList.length; i++) {
this.data.attrValueList[i].selectedValue = this.data.commodityAttr[0].attrValueList[i].attrValue;
}
this.setData({
attrValueList: this.data.attrValueList
});
}
},
/* 获取数据 /
distachAttrValue: function (commodityAttr) {
/*
将后台返回的数据组合成类似
{
attrKey:‘型号’,
attrValueList:[‘1’,‘2’,‘3’]
}
/
// 把数据对象的数据(视图使用),写到局部内
var attrValueList = this.data.attrValueList;
// 遍历获取的数据
for (var i = 0; i < commodityAttr.length; i++) {
for (var j = 0; j < commodityAttr[i].attrValueList.length; j++) {
var attrIndex = this.getAttrIndex(co
微信小程序之商品属性分类-——-微信小程序实战商城系列(4)
最新推荐文章于 2024-08-30 14:19:44 发布