InputNumber 数字输入框
规则
基础示例
Props 配置示例
最大最小与步长
整段禁用
尺寸对比(小 / 中 / 大)
Events 事件示例
value:number(或受控下的 null,依业务)
Props
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| size | 输入框大小 | SizeType | - | - |
| status | 校验状态 | InputStatus | - | - |
| disabled | 禁用 | boolean | false | - |
| addonBefore | 前置标签(建议 Space.Compact) | VueNode | - | - |
| addonAfter | 后置标签(建议 Space.Compact) | VueNode | - | - |
| prefix | 前缀图标 | VueNode | - | - |
| suffix | 后缀图标 | VueNode | - | - |
| bordered | 已废弃 | boolean | - | - |
| variant | 形态变体 | Variant | outlined | - |
| classes | 语义化 class | InputNumberClassNamesType | - | - |
| styles | 语义化 style | InputNumberStylesType | - | - |
| controls | 增减按钮或自定义图标 | boolean | | - | - |
| type | - | number | text | - | - |
| max | 最大值 | number | Number.MAX_SAFE_INTEGER | - |
| min | 最小值 | number | Number.MIN_SAFE_INTEGER | - |
| step | 步长 | number | string | 1 | - |
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 | - |


