vue监听select的change事件

在 Vue 中监听 select 的 change 事件可以使用 v-on 指令，具体实现如下：

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

<script>
export default {
  data() {
    return {
      selected: '',
      options: [
        { label: '选项1', value: '1' },
        { label: '选项2', value: '2' },
        { label: '选项3', value: '3' }
      ]
    }
  },
  methods: {
    handleChange(event) {
      console.log(event.target.value)
    }
  }
}
</script>

在上面的代码中，我们使用了 v-on 指令来监听 select 的 change 事件，并且在 handleChange 方法中打印出了选中的值。