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

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

展示效果如下：

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

wxml代码如下：

 view >
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( #39;超出限购 #39;);
 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( #39;库存不足 #39;);
 return;
 } else if (submit_type == 2) { // 拼团购买
 var limited_num = this.data.collage.limited_num;
 if (goods_count limited_num) {
 this.showTip( #39;超出限购 #39;);
 return;
 if (!(/^[\d]+\.?\d*$/.test(goods_count))) {
 goods_count = goods_count.replace(/\D/g, #39; #39;);
 return goods_count ? goods_count : 1;
 if (goods_count 1) {
 return 1;
 this.setData({
 goods_count: goods_count
 },
 相关推荐：
微信小程序自定义底部tarbar的代码实现
微信小程序实例：实现顶部tab切换以及滑动切换时导航栏会随着移动的效果（代码）
以上就是微信小程序实现购物时限购商品的数量（附代码）的详细内容，更多请关注php中文网其它相关文章！
 
  
 微信app下载
 
微信是一款手机通信软件，支持通过手机网络发送语音短信、视频、图片和文字。微信可以单聊及群聊，还能根据地理位置找到附近的人，带给大家全新的移动沟通体验，有需要的小伙伴快来保存下载体验吧！