今天遇到一个非常恶心的错误。因为想用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版本就会报不兼容错误,这里是解决方法