antd vue select组件多选 mode="tags"禁止输入空格

`antd vue` 是基于 Ant Design 设计语言的 Vue 实现，它提供了一套丰富的 UI 组件。在使用 `Select` 组件的 `tags` 模式（多选模式）时，默认情况下用户可以通过输入空格来分隔关键词，从而实现多选。如果你希望禁止用户通过输入空格来添加新的选项，可以通过监听 `tagsChange` 事件来控制这一行为。

你可以在 `Select` 组件的 `tagsChange` 事件回调函数中，对传入的 tags 数组进行过滤或修改，从而阻止空格被用作分隔符。具体做法是，当检测到有新的 tag 被添加时，检查它的值是否为空（或者是否只包含空白字符），如果是，则不将其添加到数组中。

以下是实现这一功能的代码示例：

<template>
  <a-select
    mode="tags"
    v-model:value="tags"
    @tagsChange="handleTagsChange"
  >
    <!-- Select options -->
  </a-select>
</template>

<script>
export default {
  data() {
    return {
      tags: [] // 双向绑定的多选值数组
    };
  },
  methods: {
    handleTagsChange(value) {
      // 移除数组中的空字符串项
      this.tags = value.filter(tag => tag.trim() !== '');
    }
  }
};
</script>

在这个示例中，`handleTagsChange` 方法会在 `tags` 值变化时被调用，它通过 `filter` 方法移除了任何空白的 tag。这样，即使用户尝试通过空格来添加新选项，这些空白的 tag 也不会出现在 `tags` 数组中。