Skip to content

InputNumber 数字输入框

规则

基础示例

禁用

尺寸对比(迷你 / 小 / 中)

Events 示例

Props

名称类型默认值说明
allow-emptybooleanfalse内容可清空
blankbooleantrue过滤器背景透明
change-compatbooleanfalse除加减与直接输入外,值改变是否触发 change
circulatebooleanfalse达到最大值后是否从最小值开始(或反过来)
controlsbooleantrue是否使用加减按钮
controls-position'' | 'right'加减按钮位置
disabledbooleanfalse禁用
empty-valueanyundefined可清空时清空后的绑定值
formatINumericFormat数字格式化选项
labelstringaria-label 取值
maxnumberInfinity最大值
minnumber-Infinity最小值
mouse-wheelbooleantrue滚轮是否改变数值
namestring原生属性
placeholderstring''占位文本
precisionnumber数值精度
shapestringshape='filter' 切换过滤器模式
show-leftbooleantrue设置左对齐
sizestring尺寸:medium / small / mini
stepnumber | string | IStepStrategy1步长
step-strictlybooleanfalse是否只能输入 step 的倍数
string-modeboolean字符串模式(精度超出 JS 限制)
unitstring单位(设置单位后加减按钮不可用)
v-modelnumber0默认值

Events

名称类型说明
blur(event: FocusEvent) => void失去焦点触发
change(newVal: number | undefined, oldVal: number | undefined) => void值变化触发
filter-change(label) => void选择过滤器面板值回调
focus(event: FocusEvent) => void获得焦点触发
input(event: InputEvent) => void输入触发

FormCreate 是一个开源项目,基于 MIT 许可证发布,欢迎个人和企业用户免费使用