上一篇，我們有講到如何造一個購物車彈層。今天來說一下，購物車數量的加減如何實現。

主要思路就是在data裏面定義一個屬性，屬性值就是這個數量。點擊+的時候就+1，點擊-的時候就-1，再結合setData更改這個數字。當數字等於1的時候，要給-的按鈕添加一個disabled的屬性。

wxml代碼：

<view class=‘row item-center‘>
　　<button class="buy-num-btn btn-minus" disabled="{{minusStatus}}" plain=‘ture‘ bindtap=‘minusNum‘>-</button
 
>
　　<input class=‘buy-num-txt‘ type=‘number‘ value=‘{{courseCount}}‘></input>
　　<button class="buy-num-btn btn-add" plain=‘ture‘ bindtap=‘addNum‘>+</button>
</view>

樣式文件我就不展示了，自己發揮~

js代碼：

Page({

  /**
   * 頁面的初始數據
   */
  data: {
    minusStatus: true,
    courseCount: 
 
1,   
  },
  //數字加1
  addNum: function() {
    var courseCount = this.data.courseCount;
    courseCount++;
    this.setData({
      courseCount: courseCount,
      minusStatus: false
    })
  },
  //數字減1
  minusNum: function() {
    var courseCount = this.data.courseCount;
    if (courseCount > 1) {
      courseCount
 
--;
    }
    //數字<=1時，開啟 - 按鈕的disable狀態
    var minusStatus = courseCount <= 1 ? true : false; 
    this.setData({
      courseCount: courseCount,
      minusStatus: minusStatus
    });
  }
})

給大夥瞅瞅效果：

4不4感覺超~~簡單的~~

微信小程序——購物車數字加減