vue循环 点击加减

循环如何加减

html代码
<div class="operate-w">
//:data-meal="index" index为循环的index
   <img src="~/images/ordersys/icon_reduce.png" class="reduce" :data-meal="index" v-on:click.stop="numberReduce($event)" />
   <span class="number">{{item.number}}</span>
   <img src="~/images/ordersys/icon_increas.png" class="incress" :data-meal="index" v-on:click.stop="numberAdd($event)" />
</div>

方法

numberReduce: function (e) {
  let that = this
  var meal = parseInt(e.target.dataset.meal)//获取:data-meal的值
  var number = parseInt(e.currentTarget.nextElementSibling.innerHTML)//获取数字
  number--;
  if (number < 0) {
      number = 0;
     return;
}
 that.meallist[meal].number = number; 
},