element-ui使用el-tabs组件的时候浏览器直接卡死的问题
2024-09-05 15:17:34
遇到这个问题的原由是:本身自己项目的elementUI版本是2.0.11较低了,项目有个功能是自定义progress进度条颜色,无奈高版本的才有这个配置,所以就升级了elementUI,升级到了最高版本2.10.0。这样就出现问题项目中有的页面打不开并且造成浏览器窗口崩溃,于是就在卡顿的页面把代码全部清空,然后一点点复原找问题,才找到问题出现在el-tabs身上,但是不知道怎么改掉,于是就上网查资料...
<template>
<el-tabs v-model="activeName2" type="card" @tab-click="handleClick">
<el-tab-pane label="用户管理" name="first">用户管理</el-tab-pane>
<el-tab-pane label="配置管理" name="second">配置管理</el-tab-pane>
<el-tab-pane label="角色管理" name="third">角色管理</el-tab-pane>
<el-tab-pane label="定时任务补偿" name="fourth">定时任务补偿</el-tab-pane>
</el-tabs>
</template>
直接说下别人的结果:
1. el-tab-pane元素内不能有内容
2. el-tabs 外面加上 el-row 以及 el-col
3. 给组件固定高度
但是这些在我项目中都不行后来解决方法:
由于vue(2.5.2)版本过低elment版本过高,所以才出现这个问题,只能降级了于是把elment版本降到了2.4.11,问题才解决。
参考:https://github.com/ElemeFE/element/issues/15712
最新文章
- *HDU3398 数学
- IOS数据存储之NSUserDefaults
- Eclipse安装与配置
- Array-练习-自定义功能
- 统一使用GPT分区表,安装MAC 10.10 和 Win8.1 pro双系统
- bzoj 1854: [Scoi2010]游戏
- 高级C++开发工程师综合测试题(风林火山)
- 距离顶部估计像素,显示div!
- IOS学习之蓝牙4.0
- canvas生成海报
- 启动 ServiceFabric Windows服务报1053
- vs2015 编译时项目出现NuGet程序包还原失败,找不到xxx.xxx.xxx版本的程序包,怎么解决这个问题?
- SpringBoot Logback日志配置
- PHP调用mysql函数整理
- webpack打包多html开发案例
- SVN跨服务器自动更新--实现文件分发
- java核心知识点 --- 线程池ThreadPool
- propertychange方法
- svn / git SourceTree
- Linux - apache 服务