InputNumber 数字输入框
仅允许输入标准的数字值,可定义范围
基础用法
要使用它,只需使用 InputNumber(config)
配置即可,变量的初始值即为默认值。
TIP
当输入无效的字符串到输入框时,由于错误,输入值将把 NaN
导入到上层
禁用状态
disabled
属性接受一个 Boolean
,设置为true即可禁用整个组件。
如果你只需要控制数值在某一范围内,可以设置 min
属性和 max
属性, 默认最小值为 0
。
步进
允许定义递增递减的步进控制
设置 step
属性可以控制步长。
严格步进
stepStrictly
属性接受一个Boolean
。
如果这个属性被设置为 true
,则只能输入步进的倍数。
精度
设置 precision
属性可以控制数值精度,接收一个 Number
。
TIP
precision
的值必须是一个非负整数,并且不能小于 step
的小数位数。
不同的输入框尺寸
使用 size
属性额外配置尺寸
可选的尺寸大小为:large
或 small
按钮位置
设置 controlsPosition
属性可以控制按钮位置。
默认为两侧,可设置为right
属性配置
InputNumer
完全继承了 ElInputNumber
的属性
支持的事件也可以在props
中配置
您可以从下面的链接里找到相关文档
typescript
类型声明
type InputNumberProps = VueProps<typeof ElInputNumber>
export interface VInputNumberItem<T extends object, Key extends DeepKey<T> = DeepKey<T>> extends VBaseItem<T, Key> {
/**
* 类型 input-number
*/
/**
* `element-plus InputNumber`的属性
*/
props?: VPropDef<T, InputNumberProps>
}
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10