NumberBox 数字输入框

带加减按钮的数字输入框,组件名:uni-number-box,代码块: uNumberBox。

使用方式:

script 中引用组件

  1. import uniNumberBox from "@/components/uni-number-box/uni-number-box.vue"
  2. export default {
  3. components: {uniNumberBox}
  4. }

template 中使用组件

  1. <uni-number-box></uni-number-box>
  2. <uni-number-box :min="0" :max="9"></uni-number-box>
  3. <uni-number-box @change="bindChange"></uni-number-box>

NumberBox 属性说明:

属性名类型默认值说明
valueNumber0输入框当前值
minNumber0最小值
maxNumber100最大值
stepNumber1每次点击改变的间隔大小
disabledBooleanfalse是否为禁用状态

事件说明:

事件名称说明
change输入框值改变时触发的事件,参数为输入框当前的 value

Tips