antd a-select多选框 控制可选个数

antd a-select多选框 控制可选个数

效果图如下：

QQ录屏20220426112001

<a-select
          class="select"
          mode="multiple"
          labelInValue
          v-model="selectedSubject"
        >
          <a-select-option
            v-for="item in subjectArr"
            :key="item.id"
            :disabled="selectedSubject.length>=3 && (selectedSubject.findIndex(o=>o.key===item.id)===-1)"
          >
            {{ item.title }}
          </a-select-option>
        </a-select>






data () {
    return {
      subjectArr: [
        { id: '1',language: 'zh',title: '泛第三极野外台站', },
        { id: '2',language: 'zh',title: '中文那家伙的', },
        { id: '3',language: 'zh',title: '巴拉巴八零你', },
        { id: '4',language: 'zh',title: '你的话你还是个人', },
        { id: '5',language: 'zh',title: '呀呀呀呀', },
        { id: '6',language: 'zh',title: '哇偶李莉莉', },
      ],
      selectedSubject: [],
    };
  },