vue3+ts的下拉框监听

事件应该怎么写？

您可以使用 Vue3 的 Composition API 来监听下拉框的事件，具体实现步骤如下：

1. 在 setup 函数中定义数据和方法，包括下拉框的选中值和监听事件的方法。

2. 在模板中使用 v-model 指令绑定下拉框的选中值，并使用 @change 指令绑定监听事件的方法。

示例代码如下：

<template>
  <select v-model="selectedValue" @change="handleSelectChange">
    <option value="value1">选项1</option>
    <option value="value2">选项2</option>
    <option value="value3">选项3</option>
  </select>
</template>

<script lang="ts">
import { defineComponent, ref } from 'vue';

export default defineComponent({
  setup() {
    const selectedValue = ref<string>('value1');

    const handleSelectChange = (event: Event) => {
      // 处理下拉框选中值的改变
      console.log(selectedValue.value);
    };

    return {
      selectedValue,
      handleSelectChange,
    };
  },
});
</script>

希望对您有所帮助。