微信小程序购物车商品单选、多选、数量变化、结算等 |
您所在的位置：网站首页 › 微信下单小程序怎么做的 › 微信小程序购物车商品单选、多选、数量变化、结算等 |
|
1、本文只是提供一种思路，具体实现因原型各异； 2、首先是购物车中商品单选、全选、反选 （1）、假设后台提供的数据结构如下： dataList: [ { id: "01fedabc742d42938061b6599798651e", image: "https://jianyouquan.oss-cn-beijing.aliyuncs.com/timg (4).jpg", name: '[{id:"28d9bdb5c21e4a25b6066506b241e3aa",value:"烟台"},{"id":"4930e7aa3b424ceb92b49de9b5f3716b","value":"小号"}]', price: 6, qty: 11, skuid: "2a71da35c9ad4feaa02bb137971378fd", stock: 99, title: "西域美农 甘肃天水花牛苹果 非美国蛇果 新鲜水果宝宝辅" }, { id: "01fedabc742d42938061b6599798651e", image: "https://jianyouquan.oss-cn-beijing.aliyuncs.com/timg (4).jpg", name: '[{"id":"28d9bdb5c21e4a25b6066506b241e3aa","value":"烟台"},{"id":"4930e7aa3b424ceb92b49de9b5f3716b","value":"小号"}]', price: 6, qty: 11, skuid: "2a71da35c9ad4feaa02bb137971378fd", stock: 99, title: "西域美农 甘肃天水花牛苹果 非美国蛇果 新鲜水果宝宝辅" } ]（2）、首先为数据结构中增加方便计算价格、选中标识的键； /** * 需要增加字段； * chooseFright: 0, // 当前项的价格 数量 * 单价 * isChooseGoods: false // 当前项是否选中 * */代码如下： let carLists = []; let dataList = res.data.dataList if (dataList) { dataList.map((i) => { let name = '' JSON.parse(i.name).map((item,index) => { // 属性名拼接 name = name + ',' + item.value }); // 去掉属性名拼接中第一个逗号 let reg = new RegExp(",",""); name = name.replace(reg,""); i.name = name; i = {...i , chooseFright: 0, isChooseGoods: false}; carLists.push(i); }) that.setData({ carLists: carLists, }) }Dom结构如下： |
今日新闻 |
推荐新闻 |
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |