问题:
el-select远程搜索和普通el-select同时存在并来回切换时,远程搜索的下拉框会显示普通下拉框的文字问题
选中日期时,下拉框选中一个值后切换到指标(指标选项下的是一个远程下拉搜索框),日期下的下拉框值就显示在远程搜索框上了
解决:
思路:1、①将远程搜索框增加ref属性,单选框切换时控制台打印输出
发现selectedLabel属性值并没有清空
②通过$nextTick()方法在dom刷新是清空selectedLabel属性值
弊端:如果表单加了必填验证,在el-select都没有值的情况下,日期和指标维度下来回切换,各维度下的选择框用的是v-if 所以每次切换时,会报rules的校验错误,一直出现表单校验问题
2、由于出现思路1,频繁出现表单校验问题,参考链接https://blog.csdn.net/qq_39669919/article/details/128455404,给每个下拉框绑定不同的key值解决问题(前提是在v-if的条件下),若没有v-if条件下,el-select还是刚开始就触发校验问题,检查v-model绑定的值是否为空数组