el-select 清空拿到清空前的值
时间: 2023-07-13 19:31:42 浏览: 205
您可以在 el-select 清空前,先将选中的值存储在一个变量中,然后在清空后再将其赋值回 el-select。以下是一个示例代码:
```
<template>
<div>
<el-select v-model="selectedValue" @clear="handleClear">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
</div>
</template>
<script>
export default {
data() {
return {
options: [
{ label: 'Option 1', value: 'option1' },
{ label: 'Option 2', value: 'option2' },
{ label: 'Option 3', value: 'option3' },
],
selectedValue: '',
previousValue: '', // 存储清空前的值
};
},
methods: {
handleClear() {
this.previousValue = this.selectedValue; // 将选中的值存储在变量中
this.selectedValue = ''; // 清空选中的值
},
},
};
</script>
```
这样,在 el-select 清空后,您可以在 `this.previousValue` 中获取到清空前的值。
阅读全文
相关推荐


















