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
参数 | 说明 | 类型 | 默认值 | 可选值 |
---|
gery | 初始状态下减号是否置灰 | Boolean | false | true/false |
init | 设置初始值 | Number | 1 | — |
max | 设置最大值 | Number | — | — |
Events
事件名 | 说明 | 回调参数 |
---|
add | 点击加号时触发 | — |
reduce | 点击减号时触发 | — |