微信小程序購物車數量框


靜態:

<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