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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值