vue下拉框change事件

在 Vue 中，下拉框的 change 事件可以通过 `v-on` 或 `@` 指令来绑定。下面是一个简单的示例：

<template>
  <div>
    <select v-model="selected" @change="onSelectChange">
      <option value="">请选择</option>
      <option v-for="(item, index) in options" :key="index" :value="item.value">{{ item.label }}</option>
    </select>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selected: '',
      options: [
        { label: '选项1', value: '1' },
        { label: '选项2', value: '2' },
        { label: '选项3', value: '3' },
      ],
    }
  },
  methods: {
    onSelectChange() {
      console.log('选中的值为：', this.selected)
    },
  },
}
</script>

在上面的代码中，我们使用了 `v-model` 指令来绑定下拉框的值，并使用 `@change` 指令来绑定下拉框的 change 事件。当下拉框的选项发生变化时，会触发 `onSelectChange` 方法，我们可以在该方法中获取选中的值并进行相应的操作。