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="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版本就会报不兼容错误,这里是解决方法

你可能感兴趣的:(vue)