微信小程序实现购物时限购商品的数量（附代码）

本篇文章给大家带来的内容是关于微信小程序实现购物时限购商品的数量（附代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

展示效果如下：

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

wxml代码如下：

 
      
          
             
                
                     -
                
                
                     -
                
             
              
           
                
                   +
                                   
          
         
      
 

data-submit_type="{{submit_type}}"中的submit_type就是判断是单独还是开团购买

js代码如下：

B2S商城系统

B2S商城系统B2S商城系统是由佳弗网络工作室凭借专业的技术、丰富的电子商务经验在第一时刻为最流行的分享式购物（或体验式购物）推出的开源程序。开发采用PHP+MYSQL数据库，独立编译模板、代码简洁、自由修改、安全高效、数据缓存等技术的应用，使其能在大浏览量的环境下快速稳定运行，切实节约网站成本，提升形象。注意：如果安装后页面打开出现找不到数据库等错误，请删除admin下的runtime文件夹和a

下载

// 增加数量
  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
    });
  },

 相关推荐：

微信小程序自定义底部tarbar的代码实现

微信小程序实例：实现顶部tab切换以及滑动切换时导航栏会随着移动的效果（代码）