InputNumber 数字输入框
规则
基础示例
Props 配置示例
设置数值范围
精度控制
控制按钮位置
禁用控制按钮
严格步进
整框禁用
尺寸对比(小 / 默认 / 大)
Events 事件示例
监听数值变化和焦点事件
数值变化后计算总价
完整配置项:Element_InputNumber
value :Number
Props
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| min | 设置计数器允许的最小值 | number | -Infinity |
| max | 设置计数器允许的最大值 | number | Infinity |
| step | 计数器步长 | number | 1 |
| stepStrictly | 是否只能输入 step 的倍数 | boolean | false |
| precision | 数值精度 | number | — |
| size | 计数器尺寸 | enum | default |
| readonly | 原生 readonly 属性,是否只读 | boolean | false |
| disabled | 是否禁用状态 | boolean | false |
| controls | 是否使用控制按钮 | boolean | true |
| controlsPosition | 控制按钮位置 | enum | — |
| name | 等价于原生 input name 属性 | string | — |
| ariaLabel | 等价于原生 input aria-label 属性 | string | — |
| placeholder | 等价于原生 input placeholder 属性 | string | — |
| id | 等价于原生 input id 属性 | string | — |
| valueOnClear | 当输入框被清空时显示的值 | number / null / enum | — |
| validateEvent | 是否触发表单验证 | boolean | true |
| label | 等价于原生 input aria-label 属性 | string | — |
Events
| 名称 | 说明 | 类型 |
|---|---|---|
| change | 绑定值被改变时触发 | Function |
| blur | 在组件 Input 失去焦点时触发 | Function |
| focus | 在组件 Input 获得焦点时触发 | Function |
Slots
| 事件名 | 说明 |
|---|---|
| decrease-icon | 自定义输入框按钮减少图标 |
| increase-icon | 自定义输入框按钮增加图标 |
| prefix | 输入框头部内容 |
| suffix | 输入框尾部内容 |


