iview select 多选限制选择数量的问题

问题描述

iview select组件在设置multiple开启多选模式后,如何控制选择数量呢

问题出现的环境背景及自己尝试过哪些方法

目前的做法是在on-change的时候判断参数value数组的长度,如果超过制定长度的时候进行处理,同时this.$Message给予提示,例如:

if (value.length > 2) {
    this.$Message.warning('不允许超过2条');
    value.pop();
}

但是这样做有一个问题,就是,提示了,数据也确实拦截了,但是select的框里还是显示了多选的数据

image.png

问题来了:
如何才能在控制住数据的同时,让点击的内容不显示在select框里面呢?

待解决 悬赏分:20 - 离问题结束还有 508天36分28秒
反对 0举报 0 收藏 0

我来回答

回答1