el-select 拿到change 前的值

`el-select` 是 Element UI 库中的下拉选择组件，在 Vue.js 中，如果你想获取用户开始改变选择之前的当前选中值，可以监听 `input` 事件。这个事件会在用户开始输入、触发搜索或者切换选项时触发，此时你可以通过 `e.target.value` 获取当前的显示值，这通常是上一次用户选择的值。

示例代码如下：

<template>
  <el-select v-model="selectedValue" @input="handleInput">
    <!-- 你的选项 -->
  </el-select>
</template>

<script>
export default {
  data() {
    return {
      selectedValue: '', // 初始值为空
    };
  },
  methods: {
    handleInput(e) {
      // 在这里，e.target.value 将保存选择更改前的值，如果需要处理该值，请在 this.selectedValue 被更新之前做操作
      const currentValue = e.target.value;
      // ... 进行你需要的操作
    }
  }
};
</script>

相关问题

el-select中的change

在el-select中的change事件是用于在选择发生变化时触发的。根据引用[1]中的代码，可以看到el-select组件绑定了一个名为selectChanged的方法作为change事件的处理函数。当用户选择不同的选项时，selectChanged方法会被调用，并且传入选中的值作为参数。在该方法中，可以对选中的值进行处理，例如打印到控制台。所以el-select中的change事件是用于监听选择变化的，并在选择变化时执行相应的操作。

el-select 怎么使用change方法

在el-select组件中，你可以通过使用change事件来捕获选择项发生变化的情况。以下是如何使用change方法的示例：

<el-select v-model="selectedOption" @change="handleChange">
  <el-option label="选项1" value="option1"></el-option>
  <el-option label="选项2" value="option2"></el-option>
  <el-option label="选项3" value="option3"></el-option>
</el-select>

在上面的示例中，我们在el-select上绑定了一个v-model用于双向绑定选择的值，并且通过@change事件监听器指定了handleChange方法。

methods: {
  handleChange(value) {
    console.log("选择的值:", value);
    // 在这里可以根据选择的值执行相应的处理逻辑
  }
}

在Vue组件的methods选项中定义handleChange方法，该方法接收一个参数value，它表示选择的值。在handleChange方法中，你可以根据选择的值执行相应的处理逻辑。

当选择项发生变化时，change事件会被触发，然后执行handleChange方法，并将选择的值传递给该方法。你可以根据需要在handleChange方法中进行相应的操作。

希望这个示例能够帮助你理解如何使用change方法来处理el-select组件的选择项变化。