antdv select的清除事件

Ant Design Vue（简称 Antdv）中的 Select 组件提供了清除事件，可以通过使用`clearable`属性来启用清除功能。当用户点击清除按钮时，会触发`clear`事件。

以下是一个示例代码，展示了如何使用清除事件：

<template>
  <a-select v-model="selectedOption" :options="options" clearable @clear="handleClear">
    <template #default="{ option }">
      <span>{{ option.label }}</span>
    </template>
  </a-select>
</template>

<script>
export default {
  data() {
    return {
      selectedOption: null,
      options: [
        { value: '1', label: 'Option 1' },
        { value: '2', label: 'Option 2' },
        { value: '3', label: 'Option 3' },
      ],
    };
  },
  methods: {
    handleClear() {
      // 清除事件处理逻辑
      this.selectedOption = null;
    },
  },
};
</script>

在上面的示例中，我们使用了`clearable`属性来启用清除功能，并通过`@clear`监听了`clear`事件。当用户点击清除按钮时，`handleClear`方法会被调用，我们可以在这个方法中处理清除事件的逻辑。在这个示例中，我们将`selectedOption`重置为`null`，以清除选择的选项。

希望这个示例能够帮助到你！如果有任何问题，请随时提问。