el-input-number点击事件
时间: 2024-01-19 15:05:02 浏览: 249
element el-input directive数字进行控制
el-input-number组件有两个点击事件,一个是input事件,一个是change事件。input事件在用户输入时触发,而change事件在用户输入完成后,失去焦点时触发。如果你想在用户输入时实时获取输入的值,可以使用input事件。如果你想在用户输入完成后再进行操作,可以使用change事件。
下面是一个el-input-number的示例代码:
```
<template>
<div>
<el-input-number v-model="value" @input="handleInput" @change="handleChange"></el-input-number>
</div>
</template>
<script>
export default {
data() {
return {
value: 0
}
},
methods: {
handleInput(value) {
console.log('input event:', value)
},
handleChange(value) {
console.log('change event:', value)
}
}
}
</script>
```
阅读全文