关于element select 报reading ‘getBoundingClientRect‘

造成错误的操作：动态设置select的disabled

主要错误信息如下：

根据报错信息打开源码查看报错位置如下：

报错信息分析：4的位置，获取tags为undefined，导致下一步报错，往上分析可知，改变状态出发了resetInputState->resetInputHeight;分析3可知，如果设置

if (this.collapseTags && !this.filterable) return;

this.collapseTags && !this.filterable  为true就不会再继续往下走；

所以先加一个collapse-tags属性；

但是又有需要设置filterable 属性，如果设置那么一定会继续往下走，报错还会有；

我的解决方案是：在设置disabled属性的同时，动态设置filterable，如下：

<el-select 
v-model="countryTemp" 
:filterable="!disabled" 
:placeholder="disabled?'':$t('placSelect')" 
@change="countryChange" 
:disabled="disabled" 
clearable 
collapse-tags>
          <el-option
            v-for="item in dict.type.country_enum"
            :key="item.value"
            :value="item.value"
            :label="item.label"
          ></el-option>
        </el-select>

问题报错完美解决！！！！ 

 

最新解决办法升级element-ui版本号2.15.4升级到2.15.12.问题解决