el-select中change事件

el-select组件中的change事件是在选择项发生变化时触发的事件。当用户选择了一个新的选项时，change事件会被触发，并且会传递当前选中的值作为参数。你可以通过监听change事件来执行相应的逻辑操作。

下面是一个示例代码，演示了如何在el-select组件中使用change事件：

<template>
  <div>
    <el-select v-model="selectedOption" @change="handleChange">
      <el-option v-for="option in options" :key="option.value" :label="option.label" :value="option.value"></el-option>
    </el-select>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedOption: '',
      options: [
        { value: 'option1', label: 'Option 1' },
        { value: 'option2', label: 'Option 2' },
        { value: 'option3', label: 'Option 3' }
      ]
    }
  },
  methods: {
    handleChange(value) {
      console.log("Selected value:", value);
      // 在这里执行其他逻辑操作
    }
  }
}
</script>

在上面的代码中，el-select组件绑定了一个值为selectedOption的v-model指令，通过这个指令来实现双向绑定。当用户选择一个选项时，selectedOption的值会更新。同时，我们在el-select组件上注册了change事件，并绑定了一个handleChange方法。当change事件触发时，handleChange方法会被调用，并将当前选中的值作为参数传递进去。

你可以根据需要在handleChange方法中执行你想要的逻辑操作，比如根据选中的值发送请求、更新页面内容等。