微信小程序如何实现购物时限购商品的数量-创新互联

这篇文章主要介绍微信小程序如何实现购物时限购商品的数量,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

创新互联建站成都网站建设按需网站设计,是成都网站推广公司,为成都塔吊租赁提供网站建设服务,有成熟的网站定制合作流程,提供网站定制设计服务:原型图制作、网站创意设计、前端HTML5制作、后台程序开发等。成都网站维护热线:028-86922220

展示效果如下:

微信小程序如何实现购物时限购商品的数量

两个底部用的是一个弹框,利用submit_type的类型不一样来进行区分哪个是单独购买哪个是包邮开团

wxml代码如下:

 
      
          
             
                
                     -
                
                1}}" class="Decrease">
                     -
                
             
              
           
                
                   +
                                   
          
         
      
 

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
    });
  },

以上是“微信小程序如何实现购物时限购商品的数量”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


分享题目:微信小程序如何实现购物时限购商品的数量-创新互联
标题URL:http://hxwzsj.com/article/eihhd.html

其他资讯

Copyright © 2025 青羊区翔捷宏鑫字牌设计制作工作室(个体工商户) All Rights Reserved 蜀ICP备2025123194号-14
友情链接: 品牌网站建设 重庆外贸网站建设 成都网站建设 网站设计 手机网站建设套餐 成都网站建设 成都网站建设公司 成都网站设计 营销型网站建设 企业网站设计 app网站建设 企业网站制作 成都商城网站建设 上市集团网站建设 网站设计 手机网站设计 LED网站设计方案 企业网站建设公司 成都网站建设流程 重庆企业网站建设 品牌网站建设 自适应网站建设