el-input输入框值改变
时间: 2023-08-18 13:12:23 浏览: 162
修改输入表
5星 · 资源好评率100%
要监听 el-input 输入框的值改变,你可以使用 `v-model` 或者 `@input` 事件。
使用 `v-model` 的方式:
```html
<template>
<el-input v-model="inputValue"></el-input>
</template>
<script>
export default {
data() {
return {
inputValue: ''
}
}
}
</script>
```
使用 `@input` 事件的方式:
```html
<template>
<el-input :value="inputValue" @input="handleInputChange"></el-input>
</template>
<script>
export default {
data() {
return {
inputValue: ''
}
},
methods: {
handleInputChange(value) {
this.inputValue = value;
}
}
}
</script>
```
以上两种方式都可以监听到输入框的值变化,并将值保存到 `inputValue` 变量中。你可以根据具体需求选择其中一种方式。
阅读全文