Skip to content

InputNumber 数字输入框 ​

规则 ​

基础示例 ​

Props 配置示例 ​

设置数值范围 ​

精度控制 ​

控制按钮位置 ​

禁用控制按钮 ​

严格步进 ​

整框禁用 ​

尺寸对比(小 / 默认 / 大) ​

Events 事件示例 ​

监听数值变化和焦点事件 ​

数值变化后计算总价 ​

完整配置项:Element_InputNumber

value :Number

Props ​

属性名说明类型默认值
min设置计数器允许的最小值number-Infinity
max设置计数器允许的最大值numberInfinity
step计数器步长number1
stepStrictly是否只能输入 step 的倍数booleanfalse
precision数值精度number—
size计数器尺寸enumdefault
readonly原生 readonly 属性,是否只读booleanfalse
disabled是否禁用状态booleanfalse
controls是否使用控制按钮booleantrue
controlsPosition控制按钮位置enum—
name等价于原生 input name 属性string—
ariaLabel等价于原生 input aria-label 属性string—
placeholder等价于原生 input placeholder 属性string—
id等价于原生 input id 属性string—
valueOnClear当输入框被清空时显示的值number / null / enum—
validateEvent是否触发表单验证booleantrue
label等价于原生 input aria-label 属性string—

Events ​

名称说明类型
change绑定值被改变时触发Function
blur在组件 Input 失去焦点时触发Function
focus在组件 Input 获得焦点时触发Function

Slots ​

事件名说明
decrease-icon自定义输入框按钮减少图标
increase-icon自定义输入框按钮增加图标
prefix输入框头部内容
suffix输入框尾部内容

FormCreate 是一个开源项目,基于 MIT 许可证发布,欢迎个人和企业用户免费使用