element -UI升级，使用el-tabs导致浏览器卡死问题

elementUI升级踩坑

项目维护开发时要用到elementUI的某些组件，发现当前项目element-ui版本过低，无法使用，打算升级一下，
所以用npm update element-ui 升级到最新，结果项目运行时发现有些用到el-tabs的页面直接卡死

查了下 vue版本在2.5.10之下你的elementui版本就不可高于2.7，但如果低于2.10.1的话有些组件用不了那升级就没意义了，所以我又把elementUI版本退到2.10.1，把Vue版本从2.5升级到2.6
版本回退只能卸载再安装指定版本
npm uninstall element-ui
npm install element-ui@2.10.1

升级vue只需要升级vue版本与vue-template-compiler的版本，将版本升级到2.6.10即可。vue升级我是直接改动package.json文件
“vue”: “2.6.10”,
“vue-template-compiler”: “2.6.10”,

然后删掉package-lock.json文件重新npm install 安装就行了

最后以下版本发现项目在浏览器正常运行，elementUI相关组件也可以使用到，el-tabs不会卡死
elementUI：2.10.1
vue：2.6.10

element -UI升级，使用el-tabs导致浏览器卡死问题相关推荐

下拉列表项过多会导致浏览器卡死
下拉列表项过多会导致浏览器卡死. 可以采用异步的加载方式,类似手机新闻的推送,定制下拉列表组件,一屏一屏的加载数据到浏览器端.
ajax提交表单，导致浏览器卡死
一.背景这是刚刚遇到的一个问题.说来也奇怪,打开浏览器的调试模式,点击ajax的提交按钮,然后console和network都毫无反应,浏览器也卡死了,网页关不掉. 如图所示,点击按钮之后,整个页面 ...
修改element ui的导航菜单样式，包括下拉菜单
第一次使用element ui,根据项目需求,选择了NavMenu导航菜单, Element - The world's most popular Vue UI framework 首先将代码复制粘贴 ...
Element UI版本升级
Element 升级通常指的是将 Element UI 库升级到新版本.这样做可以获得新的功能.修复已知问题.提高性能等好处. !!!建议在升级之前先备份代码 1. 打开终端执行以下命令如果你是使用 ...
如何解决批量上传太多文件导致浏览器挂掉的问题(已解决)
1.bug场景描述今天分到一个bug,场景是这样的,项目中有一个上传文件夹的功能,使用了foreach循环请求接口上传文件,但是如果选择文件夹中图片太多,相当于浏览器在超短时间内发送极多的网络请求( ...
element ui中select 下拉框在火狐浏览器最后一行显示不完全（谷歌正常）
在项目开发的时候用到了el-scrollbar组件并且设置了隐藏横向滚动条下面展示一些内联代码片. // 隐藏横向滚动条 .el-scrollbar__wrap {overflow-x: hid ...
element ui 兼容低版本浏览器
基于ES6的用Vue框架element ui写的页面,如果当需要解决兼容低版本浏览器时,会遇到在低版本浏览器中不显示效果,页面一片空白,但控制台也不报错,而在高版本可以正常显示的情况. 低版本效果: ...
关于Element UI中日期时间选择器在IE浏览器中初始化显示的兼容性问题
一.简单说明项目使用Vue+Element UI进行开发,使用了 DateTimePicker 日期时间选择器. 二.问题描述打开修改对话框(进行选择日期操作可以正常显示),在谷歌浏览器中初始化时 ...
element ui需要引入样式吗_彻底学会element-ui按需引入和纯净主题定制
原标题:彻底学会element-ui按需引入和纯净主题定制作者:wuwhs 来源:SegmentFault 思否社区前言手上有些项目用的element-ui,刚好有空琢磨一下怎么减小打包文件大小 ...

element -UI升级，使用el-tabs导致浏览器卡死问题

elementUI升级踩坑

element -UI升级，使用el-tabs导致浏览器卡死问题相关推荐

最新文章

热门文章