element-ui升级后某些页面直接卡死,el-tabs组件引起的错误

今天遇到一个非常恶心的错误。因为想用element-ui2.12.0中的某些icon组件,所以升级了一下element-ui的版本。从2.3.4直接升级到了2.12.0,没想到程序上线后某些页面点击直接卡死,前端系统直接出问题,打开network查看后发现一个JS加载不出来导致的。随后在网上找了很多答案

一:使用element-ui里面的组件时,要用<el-row><el-col :span="数字"></el-col> </el-row> 包裹起来在用就可以了,像这样

<el-row>
  <el-col :span="24">
      <el-table ...
      </el-table>
 <el-col>
</el-row>

不过我自己试了试然并卵。

二:el-tab-pane表签中不要写东西

这个自然也没有任何卵用

三:修改版本,这也是我所使用的

这里我要多提一下,vue版本与elementui版本息息相关,如果你的vue版本在2.5.10之下你的elementui版本就不可高于2.7,所以,只有两种选择要么升级vue大环境,要么降低elementui的版本,因为我这里需要最新的elementui的最新icon作为支撑,所以只能选择升级vue版本,说都说到这里了,就帮大家说一下,升级vue只需要升级vue版本与vue-template-compiler的版本,将版本升级到2.6.10即可,如果只升级vue版本就会报不兼容错误,这里是解决方法

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值