InputNumber 计数器
优质
小牛编辑
135浏览
2023-12-01
仅允许输入标准的数字值,可定义范围
基础用法
变量的初始值即为默认值
<!--你可以通过 [(model)] 进行双向绑定--> <el-input-number [model]="val" (modelChange)="changeHandle($event)" [min]="1" [max]="10"></el-input-number>
禁用状态
elDisabled
属性接受一个 boolean
<el-input-number [model]="1" [elDisabled]="true"></el-input-number>
步数
允许定义递增递减的步数控制
设置 step
属性可以控制步长, 接受一个 number
<el-input-number [model]="10" [step]="2"></el-input-number>
尺寸
额外提供了 large
、small
两种尺寸的数字输入框
<el-input-number size="large" [model]="1"></el-input-number> <el-input-number [model]="3"></el-input-number> <el-input-number size="small" [model]="5"></el-input-number>
Input-number Attributes
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
model | 绑定值 | number | ||
min | 设置计数器允许的最小值 | number | 0 | |
max | 设置计数器允许的最大值 | number | MAX_SAFE_INTEGER | |
step | 计数器步长 (每次变化的值) | number | 1 | |
size | 计数器尺寸 | string | large, small | |
elDisabled | 是否禁用计数器 | boolean | ||
controls | 是否使用控制按钮 | boolean | 1 | |
debounce | 输入时的去抖延迟,毫秒 | number | 300 |