Input Number 数字输入框

仅允许输入标准的数字值，可定义范围

基础用法

要使用它，只需要在 <fyo-input-number> 元素中绑定 v-model 变量即可。

禁用状态

disabled 属性接受一个 Boolean，设置为 true 即可禁用整个组件。

步长

允许定义递增递减的步长控制。

设置 step 属性可以控制步长。

严格步长

step-strictly 属性接受一个 Boolean。 如果这个属性被设置为 true，则只能输入步长的倍数。

精度

设置 precision 属性可以控制数值精度，接收一个 Number。

尺寸

使用 size 属性设置计数器的大小。 可选值：large | default | small

按钮位置

设置 controls-position 属性可以控制按钮位置。可选值：right | left。

循环模式 (Loop Mode)

当数值达到 max 时继续增加会回到 min，反之亦然。设置 loop 属性开启。

风格变体 (Variants)

提供三种风格变体：outlined (默认), filled, borderless。

Input Number 属性

属性名	说明	类型	默认值
model-value / v-model	绑定值	number	—
min	设置计数器允许的最小值	number	-Infinity
max	设置计数器允许的最大值	number	Infinity
step	计数器步长	number	1
step-strictly	是否只能输入 step 的倍数	boolean	false
precision	数值精度	number	—
size	计数器尺寸	'large'	'default'
disabled	是否禁用计数器	boolean	false
controls	是否使用控制按钮	boolean	true
controls-position	控制按钮位置	''	'right'
name	原生 name 属性	string	—
label	输入框关联的 label 文字	string	—
placeholder	输入框默认 placeholder	string	—
loop	是否开启循环模式	boolean	false
step-hold	是否开启长按连续触发	boolean	true
variant	风格变体	'outlined'	'filled'

Input Number 事件

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