element ui 1.4 升级到 2.0.11

公司的框架选取的是花裤衩大神开源的基于 element ui + Vue 的后台管理项目，项目源码就不公开了，记录分享下步骤

1. 卸载 element ui 1.4的依赖包

2. 卸载完成后，重新安装 element ui 2.x 以上版本的依赖包

3. 更改项目文件 main.js 中引入的样式文件路径

*************************************** 网上帖子很多到这一步就完结了，我也是到这里去尝试 npm run dev 试下项目，发现很多报错..

这里的原因是 element ui 2.x 里面新增了很多依赖 vue 新版本的标签或者特性? 这里需要相应升级 vue 依赖包，

直接打开项目文件的 package.json .. 这里有两个地方要更改

4. vue 的版本 2.5.3 以上，

5. vue-template-compiler 相应需要 2.5.13

到这里也注意一下 vue-loader 是否在 10.0.0 以上，中间我报错几次..

到这一步后，重新 npm install 安装，可能会出现安装了但是还是报版本错误，这里需要 npm update 一下，

完成后，可以 npm run dev 开始运行了，

运行起来后, F12 打开控制台会看到很多黄色的 warning字段，是提醒 2.x中 scope="scope" 已经废止，更改成 slot-scope="scope" 并且不咸鱼 <template>标签使用,

当然, 还有一些其它的警告，比如 Dialog 对话框的 size 属性是废止了，更换成 width 默认值是 50%..

转载于:https://www.cnblogs.com/qq4535292/p/8343151.html

element ui 1.4 升级到 2.0.11相关推荐

mysql5.6.40升级到mysql8.0.11 的步骤
2019独角兽企业重金招聘Python工程师标准>>> 环境: 操作系统: rhel7.5 目标: mysql 5.6.22升级到mysql 8.0.11 mysql5.6.40升级 ...
windows7系统损坏修复_iPad 运行 win7 系统，微信 7.0.11 来了
视频时长:16秒简单说不废话,今天主要讲二件事情,第一iPad/iPhone也能运行Windows7系统,第二件事情iOS 微信 7.0.11 正式版已经上线. iPad/iPhone也能运行Win ...
Element 官方宣布了：Element UI for Vue 3.0 来了！
Element Plus for Vue 3.0 来了,这次真的来了! Element 开发团队宣布正式发布 Element Plus 的首个 beta 版本,Element Plus 是 Eleme ...
vue2.0 + element ui 实现表格穿梭框
element ui 官网里介绍了穿梭框(Transfer),但在实际使用过程中,会出现一些问题: 1.穿梭框里能放置的内容太少,不能满足复杂的业务需求. 2.当选项过多时,穿梭框很难实现分页,左右两 ...
element UI框架Fr Cover主题插画下载模板V2.0
简介: 这是一款VUE.JS模板,基于element UI开发的一款Fr Cover 2.0插画下载模板,需要您对VUE.JS+node有一定的了解. 模板使用方法: 将源码倒入Hbulder/VS ...
vue 3.0记录Element UI 表单使用(看了隔壁小孩儿都会用的Element UI 表单组件使用)
Element UI 表单使用记录 element ui 表单 input 文本域日期选择中国标准时间与xxxx-xx-xx格式时间之间的来回切换中国标准时间转换为xxxx-xx-xx格式 ...
vue3.0 结合element ui 开发后台ui框架
vue3.0 结合element ui 开发后台ui框架,根据element ui 官网步骤安装出现报错信息,解决方法: 按照element UI官网步骤, 启动vue 3.0项目:npm run s ...
nubia ui 5.0 android,nubia Z9 mini的手机系统是什么？能升级安卓5.0吗？
nubia Z9 mini的手机系统是什么 nubia Z9 mini的手机系统是基于Android 5.0定制开发的nubia UI 2.8操作系统. nubia Z9 mini左上角配备了1600 ...
正在升级android s7,喜欢！升级Android 8.0后，三星S7可以获取新的UI和Bixby: 功能太多...
Galaxy S7和S7 edge是三星在2016年的旗舰手机. 工厂预装了Android 6.0系统,该系统已于今年1月正式升级为Android 7.0. 按照三星为每个旗舰店更新两个主要Andro ...
安装 Element UI 3.0 （即 Element UI Plus）正确方法
首先官网推荐的安装方法没有生成dist文件,导致样式表等这些文件并没有生成 npm install element-plus --save 以上方法是有问题的,如果不幸执行了上面的命令,那么先执行卸载 ...

element ui 1.4 升级到 2.0.11

element ui 1.4 升级到 2.0.11相关推荐

最新文章

热门文章