Input Number 数字输入框
这个文本框只能输入数字哦
基本使用
使用 v-model
绑定一个值,model
可配置不同的模式
开启
不同尺寸
size
属性可配置不同尺寸
开启
Attributes
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
v-model | 绑定值 | number | —— | 1 |
model | 不同模式 | InputNumberModel | default button switch | default |
precision | 数值精度 | number | —— | 0 |
step | 步长 | number | —— | 1 |
size | 尺寸 | FightingSize | large middle small mini | middle |
button-type | 按钮的类型 | FightingType | default 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'