解决 elementui@2.13.0 > el-tab-pane 导致浏览器卡死的问题。

最新推荐文章于 2025-09-05 10:37:26 发布
原创 最新推荐文章于 2025-09-05 10:37:26 发布 · 3.7k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue #javascript #element-ui

我 特 意 把 提 示 第 一 位 ， 使 用 失 败 ， 常 见 错 误 （ 一 定 要 看 ） \color{red}我特意把提示第一位，使用失败，常见错误（一定要看） 我特意把提示第一位，使用失败，常见错误

最低0.47元/天 解锁文章

200万优质内容无限畅学
不啦草
关注
已解决vue element 用el-tabs浏览器卡死的问题
疑问 搜索 动手 解决 记录
03-17 8360
文章最后有答案 遇到这个问题 ,起因用 el-tab-pane 与 el-dialog 组合导致浏览器卡死。 经过分析原因是 el-tab-pane 添加 内容 会出现内部死循环，从而导致浏览器卡死。 困惑许久 , 查询良久 ,列出了几个网上大仙们给的答案 , 如下: 一 . 降低版本系列(已尝试 , 垃圾没有效果) 二 . 重装tabs插件,全局引入系列(已尝试 , 垃圾没有效果) 三 . 算了直接给你们放最搞笑的一个(虽然搞笑,但是是唯一一个成功的) 哈哈哈哈,没有看到这图上评论的时候 , 我和同
el-tabs标签页浏览器卡死；使用el-tab-pane浏览器卡死；element-ui使用el-tab-pane浏览器卡死，el-tab，el-tab-pane版本不兼容
i_am_a_div的博客
10-25 1187
el-tabs标签页浏览器卡死；使用el-tab-pane浏览器卡死；element-ui使用el-tab-pane浏览器卡死，el-tab，el-tab-pane版本不兼容
使用el-tabs组件显示多个菜单页面
IT诗人
09-05 330
以el-tabs组件实现同时打开多个菜单页面，并支持切换移除菜单页面等
element-ui 使用 el-tab-pane 浏览器卡死，el-tab，el-tab-pane版本不兼容
qq_19316157的博客
06-11 1173
问题描述： 由于需要使用element-ui的新组件，于是将其升级到最新版本(2.13.2)，然后启动项目。 进入页面 直接卡死或一段时间后浏览器直接崩溃 首先我也是上百度各种搜索，有的说设置一个高度和宽度，有的说将vue升级到最新版本，有的说重新引用一个外部组件。这些方法我都用过了，但是依然没能解决现有的问题。 解决方案 出现该问题的原因主要是版本不兼容的问题 升级vue版本即可解决该问题，但是不能升级到最新 首先找到package.json，将以下vue版本修改为2.6.0，element-ui版本修
element-ui 使用 el-tab-pane 浏览器卡死解决方案
runwuwushengxiyu的博客
07-19 338
element-ui 使用 el-tab-pane 浏览器卡死解决方案
【BUG】VUE2.6.14与ElementUI2.15.7 el-dialog里用el-tab-pane存在卡死浏览器的问题
印记
05-09 884
问题： VUE2.6.14与ElementUI2.15.7 el-dialog里用el-tab-pane存在卡死浏览器的问题 ...
element-ui里面的el-tab-pane导致浏览器卡死解决方案
qq_42333645的博客
08-18 792
原因：vue版本太低 解决办法： 升级vue和vue-template-compiler （vue 和 vue-template-compiler 版本必须保持一致） 升级方法： yarn upgrade vue@2.5.16 yarn upgrade vue-template-compiler@2.5.16 项目原版本： "vue": "2.5.10", "vue-template-compiler": "2.5.10", "element-ui": "^2.15.3" 更新后： "
解决vue中el-tab-pane切换的问题
10-15
首先，问题出现在当用户在不同数量的`el-tab-pane`之间切换时，`el-dialog`可能会保持之前的状态，这通常是由于组件没有正确地重置或销毁导致的。为了解决这个问题，我们可以采用以下策略： 1. **给每个`el-tab-...
解决Vue对Element中的el-tab-pane添加@click事件无效
06-06
解决Vue对Element中的el-tab-pane添加@click事件无效
在vue中使用el-tab-pane v-show/v-if无效的解决
10-15
然而，在实际开发过程中，开发者可能会遇到使用 `v-show` 或 `v-if` 控制 `el-tab-pane` 显示与隐藏时不起作用的问题。这通常是因为 `el-tab-pane` 的渲染机制导致的。 `v-show` 和 `v-if` 都是 Vue 中的条件渲染...
无需升降级，解决 elementui el-tab-pane 导致浏览器卡死的问题。
guochangheng的博客
06-10 712
解决方案，升降级什么的太麻烦了，直接把组件摘出来，加v-if判断。点击页面会直接导致浏览器卡死崩溃。
element 使用 el-tab组件 造成浏览器卡死问题
baixue0111的博客
10-22 1553
项目中使用的是elemnetUI组件， 问题出现的情况是这样：在el-tab标签页中遍历el-tab-pane面板，面板中使用的是动态组件component，在启动项目时，页面出现卡死问题，一直处于加载状态没有反应。 解决方法如下： 将动态组件component放在循环外面 降低elementUI组件的版本（之前使用的是：element-ui: 2.7.0 将版本改成：element-ui: 2.6.3）即可。 ...
element-ui el-tabs 页面卡死问题
潇兮水寒的博客
07-25 1827
直接贴源码： <el-card> <el-alert title="标题" :closable="false" show-icon type="warning"> </el-alert> <el-row class="my_row"> <el-col> <!-- 注意这里 a--> </el-col>
vue路由，路由传参（parmas,query），2024年最新web开发好学吗
sfdsfgdgd的博客
04-18 435
还有很多的同学在学习的过程中一味的追求学的速度，很快速的刷视频，写了后面忘了前面，最后什么都没有学到，什么都知道，但是什么都不懂，要具体说，也说不出个所以然。还有很多的同学在学习的过程中一味的追求学的速度，很快速的刷视频，写了后面忘了前面，最后什么都没有学到，什么都知道，但是什么都不懂，要具体说，也说不出个所以然。但是真的是这样的吗？很多自学的朋友往往都是自己去找资料学习的，资料上有的或许就学到了，资料上没有的或许就没有学到。因为自学走的弯路是比较的多的，会踩很多的坑，学习的过程中是比较的迷茫的。
vue项目中使用elementUI的el-tabs组件跳转卡死问题
千里之行，始于足下！
10-30 4407
今天做项目无意发现一个问题：操作页面侧边栏的菜单进行页面切换， 从页面video.vue（该页面弹框中使用el-tabs组件）跳到另一个页面log.vue（页面上使用el-tabs组件）， 页面居然出现了卡死的状况 解决方案1：修改其中某个页面（如log.vue页面）的最外层元素的css样式,加上display和display-direction样式属性 <tempalte> ...
ie下elementUI el-table很卡的问题
langyalaoa的博客
12-10 3712
1、升级elementUI到v2.8.0以上 2、避免使用show-overflow-tooltip 3、在el-table或父元素上设置z-index，或调高z-index （针对ie）
ElementUI 表格筛选时IE浏览器兼容问题
syx_cainiao的博客
10-20 1001
ElementUI 筛选时IE浏览器兼容问题
使用element-ui + vue 时，dialog中嵌入tabs，再次关闭dialog会导致浏览器卡死的解决方案
weixin_38469425的博客
04-15 3181
<template> <!--对话框-创建项目--> <el-dialog title="" :visible.sync="dialogVisible" :modal="false" :close-on-click-modal="false" :show-close="false" top="0" :destroy-on-close="true" custom-class="robot-...
<el-tabs> <el-tab-pane label="国家法律" name="1"></el-tab-pane> <el-tab-pane label="地方法规" name="2"></el-tab-pane> <el-tab-pane label="国家标准" name="3"></el-tab-pane> <el-tab-pane label="地方标准" name="4"></el-tab-pane> </el-tabs>这4个标题做导航栏，我想把他做的文字好看一点，给我改改字体，看起开好看
最新发布
10-08
<el-tab-pane label="国家法律" name="1"></el-tab-pane> <el-tab-pane label="地方法规" name="2"></el-tab-pane> <el-tab-pane label="国家标准" name="3"></el-tab-pane> <el-tab-pane label="地方标准" name...
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值