ant design vue select tag最大选项个数

在 Ant Design Vue 的 Select 组件中，可以使用 `maxTagCount` 和 `maxTagTextLength` 两个属性来限制显示的标签数量和标签文本长度。

`maxTagCount` 属性用于限制最多显示多少个标签，当超出限制时，会显示一个类似“+X”（X 为剩余标签数量）的标签，表示还有多少个标签未显示。例如：

<template>
  <a-select mode="tags" :maxTagCount="2" :options="options" />
</template>

<script>
export default {
  data() {
    return {
      options: [
        { value: '1', label: '标签1' },
        { value: '2', label: '标签2' },
        { value: '3', label: '标签3' },
        { value: '4', label: '标签4' },
        { value: '5', label: '标签5' },
        { value: '6', label: '标签6' },
      ]
    }
  }
}
</script>

当选择了 3 个及以上标签时，显示的标签会变成“+X”，点击该标签可以查看其他未显示的标签。

`maxTagTextLength` 属性用于限制标签文本的最大长度，当文本长度超出限制时，会使用省略号代替。例如：

<template>
  <a-select mode="tags" :maxTagTextLength="5" :options="options" />
</template>

<script>
export default {
  data() {
    return {
      options: [
        { value: '1', label: '标签1' },
        { value: '2', label: '标签2' },
        { value: '3', label: '标签3' },
        { value: '4', label: '标签4' },
        { value: '5', label: '标签5' },
        { value: '6', label: '标签6' },
      ]
    }
  }
}
</script>

当标签文本长度超出 5 个字符时，会使用省略号代替。