Element-Ui组件(九)InputNumber 计数器

Element-Ui组件(九)InputNumber 计数器

本文来源于Element官方文档:

http://element-cn.eleme.io/#/zh-CN/component/input-number

基础用法

普通计数器

<el-input-number v-model="num1" @change="handleChange" :min="1" :max="10" label="描述文字"></el-input-number>

input-number 属性:

参数 类型 说明 可选值 默认值
value 绑定值 number
min 设置计数器允许的最小值 number -Infinity
max 设置计数器允许的最大值 number Infinity
step 计数器步长 number 1
size 计数器尺寸 string large, small
disabled 是否禁用计数器 boolean false
controls 是否使用控制按钮 boolean true
controls-position 控制按钮位置 string right -
name 原生属性 string
label 输入框关联的label文字 string

input-number 事件:

事件名称 说明 回调参数
change 绑定值被改变时触发 最后变更的值
blur 在组件 Input 失去焦点时触发 (event: Event)
focus 在组件 Input 获得焦点时触发 (event: Event)

input-number 方法:

方法名 说明 参数
focus 使 input 获取焦点 -

你可能感兴趣的:(Vue.js)