Skip to content
On this page

Input Number 数字输入框

这个文本框只能输入数字哦

DANGER

组件仍在测试阶段,高频更新中,部分参数暂不稳定!

基本使用

使用 v-model 绑定一个值,model 可配置不同的模式

开启

不同尺寸

size 属性可配置不同尺寸

开启

Attributes

参数说明类型可选值默认值
v-model绑定值number——1
model不同模式InputNumberModeldefault button switchdefault
precision数值精度number——0
step步长number——1
size尺寸FightingSizelarge middle small minimiddle
button-type按钮的类型FightingTypedefault primary success danger warning——
disabled是否禁用boolean——false
max最大值number————
min最小值number————
max-length最大输入长度number————
autofocus是否自动聚焦boolean——false
name原生 name 属性string——f-input-number
placeholder占位符string————
clear是否可清空boolean——false
readonly是否只读boolean——false
on-blur失去焦点触发的回调HandleEvent————
on-focus获取焦点触发的回调HandleEvent————
on-input原生 input 事件回调HandleEvent————
on-change绑定值发生变化时触发的回调InputChange————

Interface

组件导出以下类型定义:

ts
import type {
  InputNumberInstance,
  InputNumberProps,
  InputNumberModel
} from 'fighting-design'

InputNumberModel

ts
type InputNumberModel = 'default' | 'button' | 'switch'

Contributors