el-selectchange事件拿到之前的值

**El-Select Change事件**

在 El-Select 组件中，Change事件是用于监听选项变化的重要事件。通过捕获这个事件，我们可以获取用户选择的前一个值，从而实现一些特定的业务逻辑。

### **Change事件概述**

Change事件是在 El-Select 的选项发生变化时触发的。例如，当用户从一个选项切换到另一个选项时，Change事件就会被触发。这个事件可以帮助我们获取当前选项和之前选项的值。

### **捕获 Change事件**

要捕获 Change事件，我们需要在 El-Select 组件上绑定一个 v-model 或者使用 @change事件监听器。

html
 


// 或者使用 v-model

javascriptmethods: {
 handleChange(event) {
 console.log('当前选项:', event.target.value);
 console.log('之前选项:', event.oldValue);
 }
}

html<template>
 <div>
 <el-select v-model="selectValue" @change="handleChange">
 <el-option v-for="(item, index) in options" :key="index" :label="item.label" :value="item.value"></el-option>
 </el-select>
 <p>当前选项: {{ selectValue }}</p>
 <p>之前选项: {{ oldValue }}</p>
 </div>
</template>

<script>
export default {
 data() {
 return {
 selectValue: '',
 oldValue: '',
 options: [
 { label: '选项1', value: 'option1' },
 { label: '选项2', value: 'option2' },
 { label: '选项3', value: 'option3' }
 ]
 };
 },
 methods: {
 handleChange(event) {
 this.oldValue = event.target.value;
 console.log('当前选项:', event.target.value);
 console.log('之前选项:', this.oldValue);
 }
 }
};
</script>