Skip to content

InputNumber 数字输入框

规则

基础示例

Props 配置示例

最大最小与步长

整段禁用

尺寸对比(小 / 中 / 大)

Events 事件示例

参考:Antdv Next InputNumber

valuenumber(或受控下的 null,依业务)

Props

参数说明类型默认值版本
size输入框大小SizeType--
status校验状态InputStatus--
disabled禁用booleanfalse-
addonBefore前置标签(建议 Space.Compact)VueNode--
addonAfter后置标签(建议 Space.Compact)VueNode--
prefix前缀图标VueNode--
suffix后缀图标VueNode--
bordered已废弃boolean--
variant形态变体Variantoutlined-
classes语义化 classInputNumberClassNamesType--
styles语义化 styleInputNumberStylesType--
controls增减按钮或自定义图标boolean |--
type-number | text--
max最大值numberNumber.MAX_SAFE_INTEGER-
min最小值numberNumber.MIN_SAFE_INTEGER-
step步长number | string1-

Events

事件说明类型版本
change变化(value: any) => void-
update:value同步值(value: any) => void-
input输入(text: string) => void-
pressEnter回车(e: KeyboardEvent) => void-
step步进操作(value: any, info: InputNumberStepContext) => void-
mousedown / click / mouseup / mouseleave / mousemove / mouseenter / mouseout鼠标事件(e: MouseEvent) => void-
focus / blur焦点(e: FocusEvent) => void-
keydown / keyup键盘(e: KeyboardEvent) => void-
compositionstart / compositionend输入法(e: CompositionEvent) => void-
beforeinput-(e: InputEvent) => void-

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