如何禁止el-select连续选择?

发布于 2022-09-13 00:56:00 字数 293 浏览 30 评论 0

业务内容:
现有el-select表单控件,可多选,多选时,会根据选择的值进行axios请求获取相关信息,返回值是list数组,循环list展示信息;(比如下拉框是多选客户,选择了两个客户,就会调接口获取这两个客户的其他基本信息并循环展示在页面上);
存在问题:
快速进行el-select的多选切换时(快速切换指:快速选两个选项、快速选一个删一个、快速全删选项等),会出现:多次axios只调用了一次这种;
希望实现的功能:
限制el-select多选框连续操作,避免list数组处理逻辑和axios请求顺序不同造成数据异常问题

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

梦纸 2022-09-20 00:56:00

Select Attributes
el-select上加loading属性或者disabled属性,loading: 是否正在从远程获取数据,disabled: 是否禁用。
至于怎么加,参考el-select远程搜索这个例子,逻辑一样。

比如下拉框是多选客户,选择了两个客户,就会调接口获取这两个客户的其他进本信息循环展示在页面上

用你的例子举例,例如选择了客户,那么调接口请求的时候,让el-select的loading属性或者disabled属性为true,等加载完返回了response数据,再设置为false。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文