写个el组件 select 的change方法

当用户在 `select` 元素中选择不同的选项时，可以使用以下代码来定义 `change` 方法：

<template>
  <div>
    <select v-model="selectedOption" @change="handleChange">
      <option value="option1">Option 1</option>
      <option value="option2">Option 2</option>
      <option value="option3">Option 3</option>
    </select>
    <p>Selected option: {{ selectedOption }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedOption: ''
    };
  },
  methods: {
    handleChange() {
      console.log('Selected option changed to: ', this.selectedOption);
      // 处理选项变化的逻辑
    }
  }
};
</script>

在上述代码中，我们使用了 `v-model` 来绑定 `selectedOption` 数据属性到 `select` 元素上，这样可以实时获取用户选择的选项。同时，我们在 `select` 元素上监听了 `change` 事件，并调用了 `handleChange` 方法来处理选项变化的逻辑。你可以根据自己的需求自定义 `handleChange` 方法内的逻辑。