vue 下拉框change时间

在 Vue 中，可以使用 `v-on:change` 或 `@change` 指令来监听下拉框的 change 事件。具体的实现步骤如下：

1. 在模板中定义下拉框：

<select v-model="selected" @change="onChange">
  <option value="">请选择</option>
  <option v-for="option in options" :value="option.value">{{ option.label }}</option>
</select>

其中，`v-model` 指令绑定了下拉框选中的值，`@change` 指令监听了下拉框的 change 事件，并调用了 `onChange` 方法。

2. 在 Vue 实例中定义选项和选中的值：

new Vue({
  el: '#app',
  data: {
    selected: '',
    options: [
      { value: '1', label: '选项1' },
      { value: '2', label: '选项2' },
      { value: '3', label: '选项3' }
    ]
  },
  methods: {
    onChange() {
      console.log('选中的值：', this.selected);
    }
  }
})

其中，`selected` 绑定了下拉框选中的值，`options` 定义了下拉框的选项，`onChange` 方法会在下拉框的 change 事件触发时被调用，输出选中的值。

通过以上步骤，就可以在 Vue 中监听下拉框的 change 事件了。