记一次低版本element-ui升级-Toy模板网

这篇具有很好参考价值的文章主要介绍了记一次低版本element-ui升级。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

背景

该项目是属于一个招聘后台管理系统，左侧菜单，右侧内容布局，技术栈为vue为"2.1.8"，element-ui为"1.2.5"，vue-template-compiler为"2.1.8"

业务需求

需要在弹窗中渲染带元素标签的内容，查看element-ui文档可知，文档最低版本到1.14.13，并且要到这个版本才能在弹框里自定义不同的内容，所以决定升级element-ui版本
记一次低版本element-ui升级

升级过程

1、讲element-ui版本升级到目标版本之后，发现其需要依赖vue版本2.3.0以上

记一次低版本element-ui升级

2、那么就需要根据需要将原来的2.1.8版本的vue,升级到2.3.0，之后启动项目失败，报错的提示信息是Vue packages version mismatch，查阅资料可知，vue的版本和vue-template-compiler的版本不一致导致

那么安装vue的时候为啥自动安装的vue-template-compiler版本会不一致，这个还暂未可知

那么为了解决这个问题，重新安装了对应版本的vue-template-compiler，并在package.json文件中显式声明其版本

重新启动，成功！于是就可以在项目中消息弹窗中自定义内容了，撒花！

升级后遇到的问题

element-ui升级到1.4.13之后，发现有些页面报错，报错信息为：_self.$scopedSlots.default is not a function
查看问题之后发现，页面中有多个el-table的时候如果没有给每一个el-table加上唯一的key属性的话就会报这个错误文章来源地址https://www.toymoban.com/news/detail-515037.html

到了这里，关于记一次低版本element-ui升级的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！