InputNumber 计数器

优质
小牛编辑
133浏览
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>

尺寸

额外提供了 largesmall 两种尺寸的数字输入框

<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设置计数器允许的最小值number0
max设置计数器允许的最大值numberMAX_SAFE_INTEGER
step计数器步长 (每次变化的值)number1
size计数器尺寸stringlarge, small
elDisabled是否禁用计数器boolean
controls是否使用控制按钮boolean1
debounce输入时的去抖延迟,毫秒number300