el-select 多选clear事件怎样拿到清空前的值
时间: 2023-07-13 22:31:44 浏览: 274
当 el-select 多选组件的 clear 事件被触发时,可以通过在事件处理函数中获取 el-select 组件的值来获取清空前的值。具体方法如下:
1. 在 el-select 组件上绑定 v-model 指令,将选中的值绑定到一个变量上:
```html
<el-select v-model="selectedValues" multiple @clear="handleClear">
<el-option v-for="option in options" :key="option.value" :label="option.label" :value="option.value"></el-option>
</el-select>
```
```javascript
data() {
return {
selectedValues: []
}
},
```
2. 在 handleClear 方法中,先获取清空前的值,然后再清空选中的值:
```javascript
methods: {
handleClear() {
const prevValues = this.selectedValues.slice()
this.selectedValues = []
console.log(prevValues)
}
}
```
这样,在 el-select 多选组件的 clear 事件被触发时,就可以获取到清空前的值了。注意要使用 slice() 方法复制数组,确保获取到的是一个新的数组对象而不是原数组的引用。
阅读全文