InputNumber 数字输入框

数字输入框组件，用于输入数字类型的数据。

何时使用

当需要获取标准数值时。

基本用法

基础的数字输入框用法。

禁用状态

通过 disabled 属性指定是否禁用 input 组件。

数值范围

使用 min 和 max 属性限制数值范围。

步数

使用 step 属性设置步长。

精度

使用 precision 属性设置数值精度。

尺寸

使用 size 属性设置不同尺寸。

控制按钮位置

使用 controls-position 属性设置控制按钮位置。

允许空值

使用 allow-empty 属性允许输入框为空。

InputNumber参数

参数	类型	默认值	说明
v-model	number | undefined	undefined	绑定值
step	number	1	计数器步长
placeholder	string	''	输入框占位文本
max	number	Infinity	设置计数器允许的最大值
min	number	-Infinity	设置计数器允许的最小值
disabled	boolean	false	是否禁用计数器
readonly	boolean	false	是否只读
precision	number	undefined	数值精度
size	'lg' | 'md' | 'sm'	'md'	计数器尺寸
controls	boolean	true	是否显示控制按钮
controls-position	'both' | 'right'	'both'	控制按钮位置
allow-empty	boolean	false	是否允许空值
show-glow-style	boolean	true	是否显示悬浮发光效果
reg	RegExp | string	undefined	输入限制的正则表达式

InputNumber事件

事件名	回调参数	说明
change	(currentVal: number | undefined, oldVal: number | undefined)	绑定值被改变时触发
blur	(event: Event)	在 Input 失去焦点时触发
focus	(event: Event)	在 Input 获得焦点时触发
input	(currentValue: number | undefined)	在 Input 值改变时触发

InputNumber方法

方法名	说明	参数
focus	使 input 获取焦点	-
blur	使 input 失去焦点	-
select	选中 input 中的文字	-