NumOperate

商品数量加减按钮组件。

示例

默认用法

<num-operate></num-operate>

初始状态减号按钮置灰

<num-operate :gery="true"></num-operate>

设置初始值为3

<num-operate :init="3"></num-operate>

点击增加和减少时获取当前数量

<num-operate @add="changeNum" @reduce="changeNum"></num-operate>

export default {
  data(){
    return{
      resNum:0
    }
  },
  methods:{
    changeNum(num){
      this.resNum = num;
      alert(this.resNum);
    }
  }
}

设置最大值为4

<num-operate :max="4"></num-operate>

Props

Events