Stepper 步进器

通过点击按钮控制数字增减。

默认用法

<nut-stepper 
    :value.sync="val1"
></nut-stepper>

设置最大最小值

<nut-stepper 
    :value.sync="val2" 
    :min="5" 
    :max="100"
    @add-no-allow="addNoAllow" 
    @reduce-no-allow="reduceNoAllow"
></nut-stepper>

export default {
  methods: {
    addNoAllow(){
      alert('超出最大限制')
    },
    reduceNoAllow(){
      alert('超出最小限制')
    }
  }
}

设置加减的步长

<nut-stepper 
    :value.sync="val3" 
    :step="5"
></nut-stepper>

设置只读

<nut-stepper 
    :readonly="true"
></nut-stepper>

设置禁用

<nut-stepper 
    :disabled="true"
></nut-stepper>

显示边框

<nut-stepper 
    :simple="false"
></nut-stepper>

关闭动画效果

<nut-stepper 
    :transition="false" 
    :simple="false"
></nut-stepper>

Prop

Event