vue3使用antdesign下拉框，默认赋字典项和默认value值之后，无法触发change事件

在 Vue3 中使用 Ant Design 的下拉框（Select 组件），当你设置了默认字典项（通常是一个选项对象或对应的 key）以及默认 value 后，有时候可能会遇到默认值已经选中但是 change 事件没有触发的问题。这可能是由于以下几个原因：

1. **事件监听绑定**：确保你在设置默认值的同时，正确地绑定了 `change` 事件处理器。例如，在模板里应该像这样使用 `(change)="$emit('change', $event)"`。

<template>
  <a-select v-model="selectedValue" @change="$emit('change', $event)">
    <a-option v-for="(item, index) in dictionaryItems" :key="index" :value="item.value">
      {{ item.label }}
    </a-option>
  </a-select>
</template>

<script>
export default {
  data() {
    return {
      selectedValue: this.defaultValue, // 设置默认值
      dictionaryItems: [], // 字典数组，包含 label 和 value 属性
      defaultValue: { // 示例默认值
        value: 'option1',
        label: 'Option 1'
      }
    };
  },
  mounted() {
    this.dictionaryItems = ...; // 填充字典数据
  },
};
</script>

2. **字典项匹配问题**：确认 `defaultValue` 对应的 `dictionaryItems` 中有正确的匹配项。如果默认值不是字典内的某一项，事件不会触发。

3. **双向数据绑定**：确保你的 `v-model` 正确地更新了组件状态，并通过 `this.selectedValue` 反馈回 Select 组件。

4. **事件修饰符**：有时 `.$emit` 使用了修饰符 `.prevent` 或 `.stop`，检查一下是否无意中阻止了事件的传播。

如果以上步骤都正确但仍存在问题，你可以尝试在控制台打日志查看是否真的触发了 change 事件，或者直接在 Select 元素上添加 `@change="handleChange"` 直接处理事件，以便更好地调试。