一、基本使用
v-model:绑定变量,变量的初始值即为默认值。
size:额外提供了 medium、small、mini 三种尺寸的数字输入框
controls-position :可以控制按钮位置 ,可选值right,并没有left
controls:是否使用控制按钮,布尔类型,默认true
disabled:禁用状态
<el-input-number
v-model="num1"
@change="handleChange"
:min="1"
:max="10">
</el-input-number>
<script>
new Vue({
el: '#app',
data() {
return {
num1: 1
};
},
methods: {
handleChange(value) {
console.log(value);//当前值
}
}
})
</script>
Events
事件名称 | 说明 | 回调参数 |
---|---|---|
@change | 绑定值被改变时触发 | 最后变更的值 |