微信小程序购物车数量框


静态:

<view class='num'>
   <view class='buy'>购买数量</view>
   <view class='goods'>
      <button bindtap='jian' class='jian' data-num='{{num}}'>-</button>
      <input name='num' bindchange='num' type='text' value='{{num}}'/>
      <button bindtap='jia' class='jia' data-num='{{num}}'>+</button>
     <view class='clear'></view>
   </view>
     <view class='clear'></view>
</view>
js:
page({
  data:{
   num:1,
  }
  
 jia:function(e){
    var num = e.currentTarget.dataset.num;
         num ++;
   this.setData({num:num})
 },

 jian: function (e) {
  var num = e.currentTarget.dataset.num;
  if(num>1){
  num--;
  }
  this.setData({ num: num })
 },

 num:function(e){
  var num= e.detail.value;
  this.setData({num:num});
 },
  
 
 
})


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM