element ui 1.4 升级到 2.0.11

时间:2021-07-18 12:14:51

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

1. 卸载 element ui 1.4的依赖包

  element ui 1.4 升级到 2.0.11

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

  element ui 1.4 升级到 2.0.11

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

  element ui 1.4 升级到 2.0.11

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

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

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

4. vue 的版本 2.5.3 以上,

element ui 1.4 升级到 2.0.11

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

element ui 1.4 升级到 2.0.11

到这里也注意一下 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%..

element ui 1.4 升级到 2.0.11的更多相关文章

  1. centos6&period;5&sol;6&period;3升级安装ImageMagick7&period;0&period;1-1

    线上论坛和应用程序的验证码功能都是使用的ImageMagick,但是版本比较老(centos yum安装的ImageMagick6.5.9).接到最新漏洞预报,紧急升级! ImageMagick图象处 ...

  2. 2021新年 Vue3&period;0 &plus; Element UI 尝鲜小记

    2021年,又是新的一年,Vue 已经发布 3.0 版本,最好用的 UI 组件库 Element UI 也发布了适配 Vue3.0 的新版本,是时候开始学习一下这两个新技术. 本文主要记录了使用 Vu ...

  3. Kafka平滑滚动升级2&period;4&period;0指南

    今天测试了下kafka从2.0.0滚动升级至2.4.0,下面做一下记录.这个链接是Kafka官网对升级2.4.0的指南,可以参考  http://kafka.apache.org/24/documen ...

  4. 【vue-waring】element UI 由版本1&period;4&period;12 升级到element-ui&commat;2&period;0&period;10

    遇到的问题:element UI   由版本1.4.12 升级到element-ui@2.0.10    cnpm run dev 运行后的waring 状态:解决(相关资料的方法对我没什么用) 解决 ...

  5. &&num;127881&semi; Element UI for Vue 3&period;0 来了!

    第一个使用 TypeScript + Vue 3.0 Composition API 重构的组件库 Element Plus 发布了 ~ 2016 年 3 月 13 日 Element 悄然诞生,经历 ...

  6. vue2&period;0 &plus; element ui 实现表格穿梭框

    element ui 官网里介绍了穿梭框(Transfer),但在实际使用过程中,会出现一些问题: 1.穿梭框里能放置的内容太少,不能满足复杂的业务需求. 2.当选项过多时,穿梭框很难实现分页,左右两 ...

  7. vue2&period;0&plus;Element UI 表格前端分页和后端分页

    之前写过一篇博客,当时对element ui框架还不太了解,分页组件用 html + css 自己写的,比较麻烦,而且只提到了后端分页 (见 https://www.cnblogs.com/zdd20 ...

  8. vue2&period;0 &plus; Element UI &plus; axios实现表格分页

    注:本文分页组件用原生 html + css 实现,element-ui里有专门的分页组件可以不用自己写,详情见另一篇博客:https://www.cnblogs.com/zdd2017/p/1115 ...

  9. vue2&period;0&plus;Element UI 实现动态表单(点击按钮增删一排输入框)

    对于动态增减表单项,Element UI 官方文档表单那一节已经介绍得很清楚了,我之前没有看见,绕了很多弯路,这里针对点击按钮增删一排输入框的问题做一个总结. 效果图如下 存在一排必填的姓名与手机号, ...

随机推荐

  1. 【十大经典数据挖掘算法】PageRank

    [十大经典数据挖掘算法]系列 C4.5 K-Means SVM Apriori EM PageRank AdaBoost kNN Naïve Bayes CART 我特地把PageRank作为[十大经 ...

  2. HDU1010 DFS&plus;剪枝

    Tempter of the Bone Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Othe ...

  3. Android 手机蓝牙接收文件夹

    网上很多都没用用,只能自己研究了 /mnt/emmc/downloads/bluetooth

  4. struts2-通配符映射(基本没啥卵用)和动态调用

    通配符 使用*代表任意字符 一般在action的name中使用*,并可以使用多个 可以使用{通配符的序号}引用对应的通配符所代表的值,序号从1开始 {0}代表整个URI 匹配规则 首先完全匹配,没有完 ...

  5. SgmlReader使用方法

    HtmlAgilityPack是一个开源的html解析器,底层是通过将html格式转成标准的xml格式文件来实现的(使用dot net里的XPathDocument等xml相关类),可以从这里下载:h ...

  6. HttpClient 操作总结

    1.HttpClient4.3和之前版本设置超时(set timeout)区别: 参考:http://my.oschina.net/u/577453/blog/173724 解析:如果不设置超时的话, ...

  7. SetCapture ReleaseCapture

    函数功能:该函数在属于当前线程的指定窗体里设置鼠标捕获.一旦窗体捕获了鼠标,全部鼠标输入都针对该窗体,不管光标是否在窗体的边界内.同一时刻仅仅能有一个窗体捕获鼠标.假设鼠标光标在还有一个线程创建的窗体 ...

  8. 使用node的fs读取文件

    啊啊啊啊啊啊啊啊啊啊啊啊啊啊,被node的fs坑了一下午,我又爬上来了,要坚强的笑着活下去,嗯,没毛病老铁. let http = require('http'); let fs = require( ...

  9. PHP开发APP接口学习笔记

    习要点概述1.APP接口简介 2.封装通信接口方法 3.核心技术 4.APP接口实例 服务器和客户端进行接口数据通信:服务器 -->数据库|缓存 -->调用接口 -->客户端 服务器 ...

  10. Angular 4 表单

    一. 模板表单 1. 如下图 2. code 3. 效果图 二.响应式表单 1. 增加ReactiveFormsModule 2.响应式表单用到的类和指令 3. 控制器代码 4. html <! ...