前端框架选型是企业提升开发效率与用户体验的关键因素
761
2022-10-05
微信小程序实现购物时限购商品的数量(附代码)(小程序购物车显示数量)
本篇文章给大家带来的内容是关于微信小程序实现购物时限购商品的数量(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
展示效果如下:
程序员必备接口测试调试工具:立即使用Apipost = Postman + Swagger + Mock + Jmeter Api设计、调试、文档、自动化测试工具 后端、前端、测试,同时在线协作,内容实时同步
两个底部用的是一个弹框,利用submit_type的类型不一样来进行区分哪个是单独购买哪个是包邮开团
wxml代码如下:
- - + -
data-submit_type="{{submit_type}}"中的submit_type就是判断是单独还是开团购买
js代码如下:
// 增加数量 addCount(e) { // 购买类型,单独购买或拼团购买 let submit_type = e.target.dataset.submit_type; var goods_count = this.data.goods_count; goods_count = parseInt(goods_count) + 1; //debugger if (submit_type == 2) { // 拼团购买 var limited_num = this.data.collage.limited_num; if (goods_count > limited_num) { this.showTip('超出限购'); return; } } this.setData({ goods_count: goods_count }); },// 改变数量(input内的值) changeCount(e) { var goods_count = e.detail.value; let submit_type = e.target.dataset.submit_type; if (submit_type == 1) { var sys_num = this.data.goods_num; if (goods_count > sys_num) { // 单独购买 this.showTip('库存不足'); return; } } else if (submit_type == 2) { // 拼团购买 var limited_num = this.data.collage.limited_num; if (goods_count > limited_num) { this.showTip('超出限购'); return; } } if (!(/^[\d]+\.?\d*$/.test(goods_count))) { goods_count = goods_count.replace(/\D/g, ''); return goods_count ? goods_count : 1; } if (goods_count < 1) { return 1; } this.setData({ goods_count: goods_count }); },-
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~