el-select clear事件怎样拿到输入框的值
时间: 2023-07-13 10:31:43 浏览: 149
获取select的值
`el-select` 的 `clear` 事件是在清空选中项时触发的,此时输入框中的值已经被清空了,无法通过 `clear` 事件获取到输入框的值。
如果您需要获取输入框的值,可以使用 `el-input` 组件的 `clearable` 属性和 `clear` 事件来实现。当用户点击清空按钮时,`clear` 事件会被触发,此时可以通过 `ref` 来获取到 `el-input` 组件的引用,并通过该引用获取输入框中的值。以下是一个示例代码:
```
<template>
<div>
<el-input ref="myInput" v-model="inputValue" clearable @clear="handleClear"></el-input>
</div>
</template>
<script>
export default {
data() {
return {
inputValue: '',
};
},
methods: {
handleClear() {
const inputRef = this.$refs.myInput; // 获取 el-input 组件的引用
console.log('输入框的值为:', inputRef.value); // 获取输入框中的值
},
},
};
</script>
```
这样,在 `el-input` 的 `clear` 事件中,您可以通过 `this.$refs.myInput.value` 来获取输入框中的值。
阅读全文