Input Number 数字输入框

仅允许输入标准的数字值,可定义范围

基础用法

TIP

当输入无效的字符串到输入框时,由于错误,输入值将把 NaN 导入到上层

禁用状态

步进

允许定义递增递减的步进控制

严格步进

精度

TIP

precision 的值必须是一个非负整数,并且不能小于 step 的小数位数。

不同的输入框尺寸

使用 size 属性额外配置尺寸,可选的尺寸大小为:largesmall

按钮位置

属性

属性名说明类型可选值默认值
model-value / v-model选中项绑定值number / undefined
min设置计数器允许的最小值number-Infinity
max设置计数器允许的最大值numberInfinity
step计数器步长number1
step-strictly是否只能输入 step 的倍数booleanfalse
precision数值精度number
size计数器尺寸stringlarge / default / smalldefault
readonly原生 readonly 属性,是否只读booleanfalse
disabled是否禁用状态booleanfalse
controls是否使用控制按钮booleantrue
controls-position控制按钮位置stringright-
name等价于原生 input name 属性string
label输入框关联的 label 文字string
placeholder输入框默认 placeholderstring--
value-on-clear (> 2.2.0)当输入框被清空时显示的值string / number / nullmin / max-
validate-event输入时是否触发表单的校验boolean-true

事件

事件名说明回调参数
change绑定值被改变时触发(currentValue: number | NaN, oldValue: number | NaN)
blur在组件 Input 失去焦点时触发(event: FocusEvent)
focus在组件 Input 获得焦点时触发(event: FocusEvent)

方法

方法名说明参数
focus使 input 组件获得焦点-
blur使 input 组件失去焦点

源代码

组件文档

贡献者