步进器
数字步进器组件。
属性
名称 | 类型 | 默认值 | 说明 |
---|---|---|---|
hoverClass | String | pure-hover | 指定按下去的样式类 |
modelValue | Number | 0 | 绑定的值 |
min | Number | 0 | 最小值 |
max | Number | 100 | 最大值 |
step | Number | 1 | 步长 |
disabled | Boolean | false | 禁用状态 |
minusIconName | String | - | 减号图标名称 |
minusIconMode | String | - | [参考] 减号图标图片的裁剪、缩放模式 |
plusIconName | String | - | 加号图标名称 |
plusIconMode | String | - | [参考] 加号图标图片的裁剪、缩放模式 |
async | Boolean | false | 是否异步更新值,通过 onInput 等事件手动更新值 |
width | String | - | 组件整体宽度 |
height | String | - | 组件整体高度 |
gap | String | - | 输入框和按钮之间的间距 |
radius | String | - | 同时设置组件圆角、按钮圆角、内容区域圆角 |
borderRadius | String | - | 同时设置组件圆角、按钮圆角、内容区域圆角 |
btnWidth | String | - | 按钮宽度 |
btnHeight | String | - | 按钮高度 |
btnSize | String | - | 同时设置按钮宽度和高度 |
btnBackground | String | - | 按钮背景 |
btnRadius | String | - | 按钮圆角 |
btnFontColor | String | - | 按钮字体颜色 |
btnFontSize | String | - | 按钮字体大小 |
btnDisabledBackground | String | - | 禁用状态按钮背景 |
btnDisabledOpacity | String | - | 禁用状态按钮透明度 |
contentBackground | String | - | 内容区域背景 |
contentRadius | String | - | 内容区域圆角 |
inputFontSize | String | - | 输入框字体大小 |
inputFontColor | String | - | 输入框字体颜色 |
事件
名称 | 参数 | 说明 |
---|---|---|
@onInput | event | [参考] 当键盘输入时触发 |
@onFocus | event | [参考] 输入框聚焦时触发 |
@onBlur | event | [参考] 输入框失去焦点时触发 |
@onConfirm | event | [参考] 点击完成按钮时触发 |
@onNaN | value | 输入非数字时触发 |
@onMinus | - | 点击减号按钮时触发 |
@onPlus | - | 点击加号按钮时触发 |
@onLongMinus | - | 长按减号按钮时触发 |
@onLongPlus | - | 长按加号按钮时触发 |
@onOutMinus | targetValue:Number - 目标值 | 超出最小值时触发 |
@onOutPlus | targetValue:Number - 目标值 | 超出最大值时触发 |