ElementUi 使用 el-tabs 组件时,部分页面浏览器会出现卡死现象
...小于 1 分钟
ElementUi 使用 el-tabs 组件时,部分页面浏览器会出现卡死现象
背景
给一个 Vue2 项目开发新功能,在一个 el-dialog 中使用了 el-tabs 组件做了一个详情页,在第一个页面使用时候正常。在第二个页面使用的时候,浏览器卡死了,无法操作,强制刷新都不行。
首先排查了下自己代码中的逻辑问题,然后在网上找了下:
网上查到的方法,自己尝试后没用,但是可以参考下
- 切换 element-ui 的版本,我用的 2.15.6,换成 2.6.1,问题依旧;
- el-tabs 外面加 el-col,问题依旧;
- 给 el-tabs 添加一个 v-if 判断条件,定时器延时修改条件,问题依旧;
我自己项目中成功的方法,亲测有效
<!-- 在el-tabs外边加了一个包含文本的元素,并且视觉上隐藏这个元素 -->
<span style="color: #fff;">详情</span>
<el-tabs v-model="activeName">
<el-tab-pane label="课题基本信息" name="first">自己封装的组件</el-tab-pane>
</el-tabs>