造成错误的操作:动态设置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.问题解决