antd vue select组件多选 mode="tags"输入空格，会出现空的下拉选项，如何避免

在使用antd vue的Select组件时，如果设置了`mode="tags"`，用户可以通过输入空格来创建一个新的标签。如果你希望避免出现空的下拉选项，可以通过监听组件的`change`事件来过滤掉那些空值。当用户输入后触发`change`事件，你可以检查传入的值数组，移除那些为空的项。

下面是一个简单的示例代码，展示了如何在`change`事件中处理这个问题：

<template>
  <a-select mode="tags" v-model:value="tags" @change="handleChange">
    <a-select-option v-for="item in options" :key="item.value" :value="item.value">
      {{ item.label }}
    </a-select-option>
  </a-select>
</template>

<script>
export default {
  data() {
    return {
      tags: [],
      options: [
        // ...你的选项数据
      ],
    };
  },
  methods: {
    handleChange(value) {
      this.tags = value.filter(tag => tag !== ''); // 移除空字符串
    },
  },
};
</script>

在这个示例中，`handleChange`方法确保了`tags`数组中不会包含空字符串。当你在Select组件中输入空格或其他内容时，空的下拉选项将不会被添加到`tags`数组中。