Element UI从1.x升级到2.x版本

我们现在做的项目大多都采用了Element UI组件来开发,对于一些比较老的项目,很多都还是用的1.x的版本。而随着Element UI官方的不断迭代升级,2.x版本修复了许多遗留的bug及新增一些UI组件和Icon,在使用体验上也有一定的改善。因此,作为前端开发者为了提升我们的开发效率和代码的可维护性,有必要尽量将第三方依赖更新到最新的版本。下面将差异化运营项目从1.4.7升级到2.3.9的过程分享给大家作为参考。

**安装最新版本**:

"element-ui": "^1.4.7", ---> "element-ui": "^2.3.9",

**修改css引用:**

import 'element-ui/lib/theme-default/index.css' ---> import 'element-ui/lib/theme-chalk/index.css'

启动项目后,console控制台报错及解决办法:

1、

解决办法: 把vue 和 vue-template-compiler 都更新到最新版本

"vue": "2.4.2", ---> "vue": "^2.5.16",

"vue-template-compiler": "2.4.2", ---> "vue-template-compiler": "^2.5.16",

2、

解决办法:全局替换‘scope’ 为‘slot-scope’

3、

解决办法:去掉dialog组件的size属性

对于项目中报错的其他的组件,可采用类似的方法批量解决。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180526G0MENO00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券