格式:
<el-input-number>
<template>
<el-input-number v-model="num" :min="1" :max="10" @change="handleChange"></el-input-number>
</template>
<script>
export default{
data(){
return{
num:1
}
},
methods:{
handleChange(value){
console.log(value);
}
}
};
</script>
步进
按照指定间隔递增或递减
:step="number"
<template>
<el-input-number v-model="num" :step="2"></el-input-number>
</template>
<script>
export default {
data() {
return {
num: 5
}
}
};
</script>
step-strictly | 只允许输入步进的倍数 | 默认false |
精度
:precision="number" (number>0,表示小数位数)
<template>
<el-input-number v-model="num" :precision="2" :step="0.1" :max="10"></el-input-number>
</template>
<script>
export default {
data() {
return {
num: 1
}
}
};
</script>
按钮位置
controls-position="right"
Attributes
min | 最小值 | :min="number" | |
max | 最大值 | :max="number" | |
size | 尺寸 | size="medium|small|mini | |
disabled | 禁用 | 默认false | |
controls | 是否使用控制按钮 | 默认false | |
name | |||
label | 输入框关联的label文字 |
事件
change | 绑定值被改变时触发 | (currentValue: number | NaN, oldValue: number | NaN) |
blur | 在组件 Input 失去焦点时触发 | (event: FocusEvent) |
focus | 在组件 Input 获得焦点时触发 | (event: FocusEvent) |