iview 中select 使用onchang

在 iView UI 框架中的 Select 组件，`on-change` 是一个事件处理器，用于监听用户在下拉列表中选择项时发生的改变。当你需要获取用户的选择并执行某些操作，如数据处理、状态更新等，可以在这个事件里编写对应的回调函数。

例如，你可以这样使用：

<template>
  <Select v-model="selectedValue" @change="handleChange">
    <Option v-for="(item, index) in options" :key="index" :value="item.value">{{ item.label }}</Option>
  </Select>
</template>

<script>
export default {
  data() {
    return {
      selectedValue: '',
      options: [
        { value: 'option1', label: '选项一' },
        { value: 'option2', label: '选项二' }
      ]
    };
  },
  methods: {
    handleChange(value) {
      console.log('用户选择了:', value); // 输出选中的值
      // 这里可以添加更多的业务逻辑
    }
  }
};
</script>

在这里，每当用户在 Select 下拉框中做出选择，`handleChange` 方法会被触发，并将所选值传递给该方法。