el-select获取新旧值

在Element UI中的`el-select`组件中，获取下拉框的新值和旧值通常是在值发生变化时发生的。你可以通过监听`change`事件来获取这个变化。以下是一个简单的例子：

<template>
  <el-select v-model="selectedValue" @change="handleSelectChange">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select>
</template>

<script>
export default {
  data() {
    return {
      selectedValue: '', // 当前选中的值
      options: [], // 下拉框选项
    };
  },
  methods: {
    handleSelectChange(value) { // change事件处理器
      this.oldValue = this.selectedValue; // 在切换前保存旧值
      this.selectedValue = value; // 更新新的选中值
      // 这里你可以对新旧值进行进一步的处理，比如存储、更新状态等
      console.log('新值:', value);
      console.log('旧值:', this.oldValue);
    },
  },
};
</script>

在这个例子中，当用户从下拉框中选择新的值时，`handleSelectChange`方法会被调用，`value`参数就是新的选中值，而`this.selectedValue`就是当前组件的数据绑定值，所以在`handleSelectChange`内部，你可以先将当前选中的值赋给`this.oldValue`，然后更新`this.selectedValue`。

相关问题：
1. `el-select`如何触发change事件？
2. 如何在Vue中保存下拉框的选择历史？
3. `el-select`的v-model绑定值何时更新？