好资源导航 » 文章资讯 » 小程序实现商品属性选择或规格选择

小程序实现商品属性选择或规格选择

2023-07-04 06:13:03 65

本文实例为大家分享了小程序实现商品属性选择或规格选择的具体代码，供大家参考，具体内容如下

实现效果

1.wxml


{{item.name}}




{{item.name}}

2.js

data:{
//数据
list:[
{
"goods_option_id":1737,
"option_id":1737,
"name":"冰度",
"option_value":[
{
"goods_option_value_id":3606,
"option_value_id":3606,
"name":"正常冰",
"image":"xxxxxx.png"
},
{
"goods_option_value_id":3605,
"option_value_id":3605,
"name":"少冰",
"image":"xxxxxx.png"
},
{
"goods_option_value_id":3604,
"option_value_id":3604,
"name":"热饮",
"image":"xxxxxx.png"
}
]
},
{
"goods_option_id":1738,
"option_id":1738,
"name":"糖度",
"option_value":[
{
"goods_option_value_id":3608,
"option_value_id":3608,
"name":"正常糖",
"image":"xxxxxx.png"
},
{
"goods_option_value_id":3607,
"option_value_id":3607,
"name":"少糖",
"image":"xxxxxx.png"
}
]
},
{
"goods_option_id":1737,
"option_id":1737,
"name":"冰度",
"option_value":[
{
"goods_option_value_id":3606,
"option_value_id":3606,
"name":"正常冰",
"image":"xxxxxx.png"
},
{
"goods_option_value_id":3605,
"option_value_id":3605,
"name":"少冰",
"image":"xxxxxx.png"
},
{
"goods_option_value_id":3604,
"option_value_id":3604,
"name":"热饮",
"image":"xxxxxx.png"
}
]
}
],
arr:[],
indexArr:[]
},

choice(e){
constfid=e.currentTarget.dataset.fid;
constid=e.currentTarget.dataset.id;
constarr=this.data.arr,
arr2=this.data.indexArr;

arr[fid]=this.data.list[fid].option_value[id].name;
arr2[fid]=id;

this.setData({
arr:arr,
indexArr:arr2
})
},

onLoad:function(options){
constres=this.data.indexArr;
this.data.list.forEach((e,i)=>{
res[i]=0;
this.setData({
indexArr:res
})
});
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
514930285
czq8825@qq.com

小程序实现商品属性选择或规格选择

热门推荐

随机推荐