InputNumber 数字输入框
规则
基础示例
禁用
尺寸对比(迷你 / 小 / 中)
Events 示例
Props
| 名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| allow-empty | boolean | false | 内容可清空 |
| blank | boolean | true | 过滤器背景透明 |
| change-compat | boolean | false | 除加减与直接输入外,值改变是否触发 change |
| circulate | boolean | false | 达到最大值后是否从最小值开始(或反过来) |
| controls | boolean | true | 是否使用加减按钮 |
| controls-position | '' | 'right' | — | 加减按钮位置 |
| disabled | boolean | false | 禁用 |
| empty-value | any | undefined | 可清空时清空后的绑定值 |
| format | INumericFormat | — | 数字格式化选项 |
| label | string | — | aria-label 取值 |
| max | number | Infinity | 最大值 |
| min | number | -Infinity | 最小值 |
| mouse-wheel | boolean | true | 滚轮是否改变数值 |
| name | string | — | 原生属性 |
| placeholder | string | '' | 占位文本 |
| precision | number | — | 数值精度 |
| shape | string | — | shape='filter' 切换过滤器模式 |
| show-left | boolean | true | 设置左对齐 |
| size | string | — | 尺寸:medium / small / mini |
| step | number | string | IStepStrategy | 1 | 步长 |
| step-strictly | boolean | false | 是否只能输入 step 的倍数 |
| string-mode | boolean | — | 字符串模式(精度超出 JS 限制) |
| unit | string | — | 单位(设置单位后加减按钮不可用) |
| v-model | number | 0 | 默认值 |
Events
| 名称 | 类型 | 说明 |
|---|---|---|
| blur | (event: FocusEvent) => void | 失去焦点触发 |
| change | (newVal: number | undefined, oldVal: number | undefined) => void | 值变化触发 |
| filter-change | (label) => void | 选择过滤器面板值回调 |
| focus | (event: FocusEvent) => void | 获得焦点触发 |
| input | (event: InputEvent) => void | 输入触发 |


