el-input 输入完成
时间: 2024-01-27 12:13:14 浏览: 28
根据提供的引用内容,el-input输入完成可以通过监听@change事件来实现。当用户完成输入并且焦点离开输入框时,@change事件将被触发。以下是一个示例代码:
```html
<template>
<el-input v-model="inputValue" @change="handleInputChange"></el-input>
</template>
<script>
export default {
data() {
return {
inputValue: ''
}
},
methods: {
handleInputChange() {
console.log('Input value changed:', this.inputValue)
// 在这里可以对输入的值进行处理
}
}
}
</script>
```
如果需要在用户每次输入时都触发事件,可以使用@input事件来监听输入框的变化。以下是一个示例代码:
```html
<template>
<el-input v-model="inputValue" @input="handleInput"></el-input>
</template>
<script>
export default {
data() {
return {
inputValue: ''
}
},
methods: {
handleInput() {
console.log('Input value changed:', this.inputValue)
// 在这里可以对输入的值进行处理
}
}
}
</script>
```