<!--要使用它,只需要在el-input-number元素中使用v-model绑定变量即可,变量的初始值即为默认值。-->
<el-input-number
v-model="num1"
@change="handleChange"
:min="1"
:max="10"
label="描述文字">
</el-input-number>
<script>
new Vue({
el: '#app',
data() {
return {
num1: 1
};
},
methods: {
handleChange(value) {
console.log(value);
}
}
})
</script>
Attributes
参数 |
说明 |
类型 |
可选值 |
默认值 |
value |
绑定值 |
number |
— |
— |
min |
设置计数器允许的最小值 |
number |
— |
-Infinity |
max |
设置计数器允许的最大值 |
number |
— |
Infinity |
step |
计数器步长 |
number |
— |
1 |
precision |
数值精度 |
number |
— |
— |
size |
计数器尺寸 |
string |
large, small |
— |
disabled |
是否禁用计数器 |
boolean |
— |
false |
controls |
是否使用控制按钮 |
boolean |
— |
true |
label |
输入框关联的label文字 |
string |
— |
— |
Events
事件名称 |
说明 |
回调参数 |
change |
绑定值被改变时触发 |
最后变更的值 |