# 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
hidden-controller 隐藏增减功能按钮(已在 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
上次更新: 4/17/2024, 5:12:42 PM