# Input-number 数字输入框
# 代码演示
# API
# Attributes
参数 | 说明 | 类型 | 可选值 | 默认值 | Version |
---|---|---|---|---|---|
controller-icon | 增减按钮图标(长度为 2 的数组,分别代表增、减) | Array | — | — | v1.4.2 |
controls-position | 增减按钮位置 | String | 'both-sides' | 'right' | 'right' | v2.0.0 |
controls-trigger | 增减按钮位置触发方式 | String | 'hover' | - | v2.0.6 |
controls | 是否显示增减按钮 | Boolean | — | true | v2.0.0 |
disabled | 禁用输入框 | Boolean | — | false | |
label | 输入框关联的 label 文字 | String | — | — | |
隐藏增减功能按钮(已在 v2.0.0 被移除, 被controls 代替) | Boolean | — | — | v1.4.2 | |
is-center | 文字是否居中对齐(默认为居中) | Boolean | — | true | |
increment | 自定义增量(数值精度) | Number | — | 1 | |
strict-increment | 严格自增(输入值只能是增量的倍数) | Boolean | — | — | v1.7.9 |
max | 最大值 | Number | — | Infinity | |
min | 最小值 | Number | — | -Infinity | |
placeholder | 占位文本 | String | — | — | |
precision | 精度 | Number | — | — | v1.8.0 |
readonly | 是否只读 | Boolean | — | — | |
size | 输入框尺寸 | String | 'medium' | 'small' | 'mini' | 'medium' | |
unit | 单位 | String | — | — | |
value / v-model | 绑定值 | Number | — | — | |
status | 输入框状态 | String | 'success' | 'warning' | 'error' | v2.1.0 | |
tips | 输入框下方提示文本,会根据不同的 status 呈现不同的样式 | String | v2.1.0 |
# Methods
参数 | 说明 | 回调参数 | Version |
---|---|---|---|
blur | 使 input-number 获取焦点 | — | |
focus | 使 input-number 失去焦点 | — |
# Events
事件名称 | 说明 | 回调参数 | Version |
---|---|---|---|
blur | 失去焦点时触发 | (event: Event) | |
change | 绑定值被改变时触发 | 当前的值 | |
decrease | 减少(向下)箭头点击时触发 | 当前的值 | v1.7.8 |
focus | 获得焦点时触发 | (event: Event) | |
increase | 增长(向上)箭头点击时触发 | 当前的值 | v1.7.8 |