关于elementUI中select组件change事件

在Element UI中，<el-select>组件的变化（change事件）可以通过@change监听。当选中某个选项时，会触发这个事件。

以下是一个简单的例子，展示如何使用@change来监听<el-select>组件的变化并在控制台打印出新选中的值：

<template>
  <el-select v-model="selected" placeholder="请选择" @change="handleChange">
    <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 {
      selected: '',
      options: [{ value: 'option1', label: '选项1' }, { value: 'option2', label: '选项2' }]
    };
  },
  methods: {
    handleChange(value) {
      console.log('Selected:', value);
    }
  }
};
</script>

在这个例子中，每次用户选择一个不同的选项时，handleChange方法会被调用，并且新选中的值会作为参数传递进来。在handleChange方法中，你可以执行任何需要的操作，比如更新数据、触发其他方法等。