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

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

阅读 2.5k
1 个回答

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题