如何禁止el-select连续选择?
业务内容:
现有el-select表单控件,可多选,多选时,会根据选择的值进行axios请求获取相关信息,返回值是list数组,循环list展示信息;(比如下拉框是多选客户,选择了两个客户,就会调接口获取这两个客户的其他基本信息并循环展示在页面上);
存在问题:
快速进行el-select的多选切换时(快速切换指:快速选两个选项、快速选一个删一个、快速全删选项等),会出现:多次axios只调用了一次这种;
希望实现的功能:
限制el-select多选框连续操作,避免list数组处理逻辑和axios请求顺序不同造成数据异常问题
回答:
Select Attributes
el-select上加loading属性或者disabled属性,loading: 是否正在从远程获取数据,disabled: 是否禁用。
至于怎么加,参考el-select远程搜索这个例子,逻辑一样。
比如下拉框是多选客户,选择了两个客户,就会调接口获取这两个客户的其他进本信息循环展示在页面上
用你的例子举例,例如选择了客户,那么调接口请求的时候,让el-select的loading属性或者disabled属性为true,等加载完返回了response数据,再设置为false。
以上是 如何禁止el-select连续选择? 的全部内容, 来源链接: utcz.com/p/935889.html