Inputnumber 数字输入框

用法

基本用法

数字输入框
数字输入框只能输入数字,可以设置数值的最大值和最小值; 并且可以通过上下按钮增加或者减小数值
点击查看代码
<wd-input-number
  v-model="inputNum"
  max="20"
  min="0"
  size="small"
  @input="handleInputNumber"
  @change="handleChangeNumber"
  type="text"
></wd-input-number>
1
2
3
4
5
6
7
8
9

属性

参数说明类型可选值默认值
autosize当type为textarea时生效booleantrue / falsefalse
clearable是否可清空内容booleantrue / falsefalse
disabled是否可用booleantrue / falsetrue
max最大值number--
min最小值number--
readonly是否只读booleantrue / falsefalse
step用箭头控制时每次改变的大小number-1
size组件大小stringsmall / large / defaultdefault

事件

事件名称说明回调参数
input输入过程中触发Function(inputValue)
change输入框的值变化时触发Function(inputValue)