InputNumber 数字输入框

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

基础用法

值: 10

<my-input-number v-model="value" :min="0" :max="100" :step="5" />

尺寸

<my-input-number v-model="value" size="large" />
<my-input-number v-model="value" />
<my-input-number v-model="value" size="small" />

步长与精度

<my-input-number v-model="value" :step="0.1" :precision="2" />

禁用

<my-input-number v-model="value" disabled />

组件结构

<div> 根元素包裹可选的减少按钮、<input> 输入框和可选的增加按钮。按钮通过 controls 属性控制显隐。

CSS 类名

类名	说明
.my-input-number	根元素
.is-large	大尺寸
.is-small	小尺寸
.is-disabled	禁用状态
.my-input-number__inner	输入框
.my-input-number__btn	加减按钮
.my-input-number__decrease	减少按钮
.my-input-number__increase	增加按钮

API

Props

属性	说明	类型	默认值
modelValue	绑定值	number	—
min	最小值	number	-Infinity
max	最大值	number	Infinity
step	步长	number	1
precision	小数精度	number	—
size	尺寸	'large' | 'default' | 'small'	'default'
disabled	禁用	boolean	false
controls	是否显示加减按钮	boolean	true
placeholder	占位文字	string	—

Events

事件	说明	回调
update:modelValue	v-model 更新	(value: number)
change	值改变	(value: number)
blur	失焦	(e: FocusEvent)
focus	获焦	(e: FocusEvent)