关于element select 报reading ‘getBoundingClientRect‘

你这-坏孩子

已于 2023-04-26 10:08:58 修改

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

文章标签： vue.js elementui 前端

于 2022-12-30 09:33:00 首次发布

本文链接：https://blog.youkuaiyun.com/qq_37236241/article/details/128490634

本文讲述了在Element UI中，如何通过动态设置select组件的disabled属性同时避免`tags` undefined错误，并解决了升级到2.15.12版本后的问题。关键在于调整filterable属性以配合disabled状态，确保组件正常工作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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