InputNumber 数字输入框
规则
js
{
type: "InputNumber",
field: "price",
title: "价格",
value: 1,
props: {
precision:2
},
}
完整配置项: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 | 输入框尾部内容 |