Skip to content

InputNumber 数字输入框

规则

基础示例

Props 配置示例

设置最小值和最大值

设置精度和步长

按钮模式

禁用状态

尺寸对比(小 / 中 / 大)

Events 事件示例

监听数值变化

联动计算总价

完整配置项:arco-design_InputNumber

value :Number

Props

参数名描述类型默认值
mode模式(embed:按钮内嵌模式,button:左右按钮模式)'embed' | 'button''embed'
precision数字精度number-
step数字变化步长number1
disabled是否禁用booleanfalse
error是否为错误状态booleanfalse
max最大值numberInfinity
min最小值number-Infinity
formatter定义输入框展示值func-
parserformatter 转换为数字,和 formatter 搭配使用func-
placeholder输入框提示文字string-
hide-button是否隐藏按钮(仅在embed模式可用)booleanfalse
size输入框大小'mini' | 'small' | 'medium' | 'large''medium'

Events

事件名描述参数
change值发生改变时触发value: union
focus输入框获取焦点时触发-
blur输入框失去焦点时触发-

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