记一次低版本element-ui升级

背景

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

业务需求

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

升级过程

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

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属性的话 就会报这个错误