el-tabs标签页浏览器卡死；使用el-tab-pane浏览器卡死；element-ui使用el-tab-pane浏览器卡死，el-tab，el-tab-pane版本不兼容

最新推荐文章于 2024-06-24 11:08:39 发布
最新推荐文章于 2024-06-24 11:08:39 发布
阅读量974 收藏 1
点赞数
分类专栏： element-ui 文章标签： el-tabs标签页浏览器卡死 使用标签页浏览器卡死
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/i_am_a_div/article/details/127508905
版权

在项目中使用了el-tabs标签页卡死，一直刷新加载中
出现该问题的原因主要是版本不兼容的问题

首先找到package.json，将以下vue版本修改为2.6.0，element-ui版本修改为2.13.2：
“element-ui”: “2.13.2”
“vue”: “2.6.0”
“vue-template-compiler”: “2.6.0”
然后，npm i
等待升级完成，重启项目，完美解决问题

i_am_a_div_日积月累_
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
手动动态改变el-tabs标签页顺序
06-28
例如：tabs1、tabs2、tabs3、tabs4 tabs2改为tabs4（往后移）则顺序变为tabs1、tabs3、tabs4、tabs2； tabs4改为tabs2（往前移） 则顺序变为tabs1、tabs4、tabs2、tabs3。
基于element-ui标签选项卡
06-24
要在 Vue.js 项目中使用 Element UI 的标签选项卡，首先需要安装 Element UI。这可以通过 npm 或 yarn 完成： ``` npm install element-ui -S yarn add element-ui ``` 然后，在你的 Vue 实例中导入并注册 ...
无需升降级，解决 elementui el-tab-pane 导致浏览器卡死的问题。
guochangheng的博客
06-10 493
解决方案，升降级什么的太麻烦了，直接把组件摘出来，加v-if判断。点击页面会直接导致浏览器卡死崩溃。
vue element 用el-tabs浏览器卡死的问题
GracieLaw的博客
07-21 680
el-tab-pane 与 el-dialog 组合导致浏览器卡死的解决方案
elementui的el-dialog组件与el-tabs同时用导致浏览器卡死的原因解决
最新发布
2301_76866366的博客
06-24 344
elementui的el-dialog组件与el-tabs同时用导致浏览器卡死的原因解决
已解决vue element 用el-tabs浏览器卡死的问题
疑问 搜索 动手 解决 记录
03-17 7221
文章最后有答案 遇到这个问题 ,起因用 el-tab-pane 与 el-dialog 组合导致浏览器卡死。 经过分析原因是 el-tab-pane 添加 内容 会出现内部死循环，从而导致浏览器卡死。 困惑许久 , 查询良久 ,列出了几个网上大仙们给的答案 , 如下: 一 . 降低版本系列(已尝试 , 垃圾没有效果) 二 . 重装tabs插件,全局引入系列(已尝试 , 垃圾没有效果) 三 . 算了直接给你们放最搞笑的一个(虽然搞笑,但是是唯一一个成功的) 哈哈哈哈,没有看到这图上评论的时候 , 我和同
笔记el-dialog与el-tabs结合使用会导致页面卡死浏览器崩溃
qq_42157868的博客
05-04 461
修复方法 手写弹窗组件或者tabs组件 或者升级为新版框架。原因：版本问题的框架缺陷。
element使用el-tabs导致浏览器卡死
Solitary的博客
02-12 639
解决办法就是版本问题 亲测已解决 错误的版本 "element-ui": "^2.4.5", "vue": "^2.5.2", 正确的版本 package.json 中 改为 "element-ui": "^2.15.6", "vue": "^2.6.11", 期间我是升级了一下vue npm install --global vue-cli 然后重新 npm install ...
解决 elementui@2.13.0 > el-tab-pane 导致浏览器卡死的问题。
不啦草的草原
12-31 3614
解决 elementui@2.13.0 > el-tabs el-tab-pane 导致浏览器卡死的问题。 vue-cli3 + element-ui@2.13.0 不兼容引起的问题。
解决vue中el-tab-pane切换的问题
10-15
在Vue开发过程中，Element UI库提供了丰富的UI组件，其中`el-tabs`组件用于实现标签页切换功能。在本文中，我们将深入探讨如何解决Vue中`el-tab-pane`切换时遇到的问题，以及如何优化和管理组件的渲染。 首先，问题...
基于element-ui标签选项卡.zip
07-05
Element UI 的 `el-tabs` 和 `el-tab-pane` 组件提供了灵活的选项卡实现方式，支持水平和垂直方向的切换，以及自定义标签头等内容。 1. **Element UI 的 Tab 组件**：`el-tabs` 是主容器，负责管理多个选项卡，而 `...
el-tabs导致博客‘卡死’
09-16 76
<template> <section> <div>&nbsp;&nbsp;</div> <el-tabs v-model="activeName"> …… 在el...
element -UI升级，使用el-tabs导致浏览器卡死问题
code_carrierV1的博客
08-31 2783
elementUI版本升级踩坑
使用 Element-UI 的 el-tabs 组件，浏览器卡住了
热爱思考、活力满满、开朗爱笑的年轻人
06-23 5664
使用 Element-UI 的 el-tabs 组件，浏览器卡住了问题正确的解决方案说明 问题 我使用的版本是：vue@2.5.13、vue-template-compiler@2.5.13、element-ui@2.8.2 在一个页面中使用了 element-ui 的 el-tabs 组件，然后，切换路由进入这个页面的时候，就卡住了，浏览器也卡住了；去掉 el-tabs 就好了，使用 el-ta...
el-dialog 自定义插槽放入el-tabs组件页面卡死
m0_61195004的博客
08-02 437
2. 在el-tabs加上v-if判断，这是因为。1.弹框组件二次封装，插槽中放入el-tabs。组件在隐藏的时候会继续保持渲染，即使在。
element-ui el-tabs 页面卡死问题
潇兮水寒的博客
07-25 1588
直接贴源码： <el-card> <el-alert title="标题" :closable="false" show-icon type="warning"> </el-alert> <el-row class="my_row"> <el-col> <!-- 注意这里 a--> </el-col>
vue2项目使用element-ui的el-tabs组件导致浏览器崩溃卡死
weixin_48226213的博客
02-16 736
vue2项目使用element-ui的el-tabs组件导致浏览器崩溃卡死
【BUG】VUE2.6.14与ElementUI2.15.7 el-dialog里用el-tab-pane存在卡死浏览器的问题
印记
05-09 764
问题： VUE2.6.14与ElementUI2.15.7 el-dialog里用el-tab-pane存在卡死浏览器的问题 ...
el-tab-pane
04-28
el-tab-pane是一个基于Vue.js框架的标签页组件。它是Element UI框架中的一部分，用于构建具有多个选项卡的页面，使页面内容可以在不同选项卡之间轻松切换。 el-tab-pane包含了一系列选项卡，每个选项卡可以包含不同的内容。当用户点击选项卡时，el-tab-pane会根据用户选择来切换到相应的内容。它允许开发人员在一个简单的组件中组织和展示复杂的数据和信息。 el-tab-pane还允许开发人员可以自定义选项卡的样式，例如背景颜色、字体样式、边框等。它也提供了许多接口和事件，允许我们在应用程序中灵活地控制组件的行为和外观。 总之，el-tab-pane是一个功能强大的Vue.js组件，可以轻松地实现标签页效果，提高了应用程序的交互性、可用性和可扩展性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值