el-select 选中事件

### el-select 选中事件使用方法

在 Vue.js 中，`el-select` 组件提供了 `change` 事件用于监听选项的变化。当用户选择了不同的项时会触发此事件，并可以传递当前选中的值给处理函数。

#### HTML 结构

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

#### JavaScript 部分

<script>
export default {
  data() {
    return {
      selectedValue: '',
      options: [
        { value: 'option1', label: '黄金糕' },
        { value: 'option2', label: '双皮奶' }
      ]
    };
  },
  methods: {
    handleChange(value) {
      console.log('选中的值:', value);
      // 可以在这里执行其他逻辑操作，比如更新表单字段或其他状态管理
    }
  }
};
</script>

通过上述代码可以看到，每当用户改变了下拉菜单的选择时就会调用 `handleChange` 方法并将新的选择作为参数传入[^2]。这使得开发者可以在回调函数内部实现更多复杂的业务需求，例如修改组件内的其它数据属性或发起网络请求等。