input添加减去小组件

 <div class="controls">
                <input  class="itxt" v-model="skuNum" @change="changeSkuNum"/>
                <a href="javascript:" class="plus" @click="skuNum++">+</a>
                <a href="javascript:" class="mins" @click="skuNum>1?skuNum--:skuNum==1">-</a>
              </div>

也可以改input的类型，减减需要进行判断 

data() {
    return {
      // 购买产品的数量
      skuNum: 1
    }
  },

定义响应式数据 

  methods: {
    // 内存信息点击事件  先把它的属性传过来
    changeActive(spuSaleValue, arr) {
      // console.log(arr);
      // 遍历全部售卖属性值isChecked为零 没有高亮   排他思想
      arr.forEach((item) => {
        item.isChecked = 0;
      });
      // 点击的那个高亮 = 1
      spuSaleValue.isChecked = 1;
    },
    // 购买产品输入框事件
    changeSkuNum(event){
      let value = event.target.value * 1
      // console.log('11', event);
      if(isNaN(value) || value < 1){
        this.skuNum = 1;
      }else {
        this.skuNum = parseInt(value) //如果是小数12.5就让他取整
      }
    }
    
  },

需要计算