Element UI版本升级

Element 升级通常指的是将 Element UI 库升级到新版本。这样做可以获得新的功能、修复已知问题、提高性能等好处。
！！！建议在升级之前先备份代码

1. 打开终端执行以下命令

如果你是使用 npm

npm install element-ui@latest --save

npm install element-ui@2.14.1 --save // 指定版本

如果你是使用 yarn

yarn upgrade element-ui@latest

yarn add element-ui@2.14.1 // 指定版本

2. 将element ui 默认的Css样式修改成你需要后的的

import 'element-ui/lib/theme-chalk/index.css' // 默认
import '@/styles/element-variables.scss' // 修改的样式

3. 重新运行代码，检测是否有 bug

element ui 升级后，需要检查代码是否还能正常运行，可能有些代码需要修改。

4. 测试

使用新的版本的功能，测试是否能用

Element UI版本升级相关推荐

Element UI 自定义动态换肤（主题）
需求背景:项目需要支持动态换主题,主题色可以随意选择(即用户想用什么颜色的主题就用什么颜色的主题):而element官网给的自定义主题只能是项目里写死,无法实现用户动态切换: 方式一:调接口加载C ...
charts混合使用 elementui和e_vue模块化(echart+element ui)
最近看了下vue的框架,随手做了个项目,记录分享下技术框架: vue.js + webpack + element ui + echart 首先看下npm package.js 上面的图主要是配置 ...
Vue HTML：在Vue上写Html遇到的一些问题，html的首行缩进，html的行间距，element UI的回到顶部不显示
Vue & HTML:在Vue上写Html遇到的一些问题,html的首行缩进,html的行间距,element UI的回到顶部不显示资源: HTML 教程- (HTML5 标准) 怎么快速上 ...
vue的$nextTick使用总结，this.$refs为undefined的解决办法，element Ui的树形控件setCheckedKeys方法无法使用
vue的$nextTick使用总结,this.$refs为undefined的解决办法,element Ui的树形控件setCheckedKeys方法无法使用参考文章: (1)vue的$nextTi ...
vue页面自适应屏幕宽高_Vue+Element UI 高度实时自适应
本文章是我一个实习两个月的练习生,在项目中遇到的问题,在此记录,防治以后再踩坑!! Element ui 本身使用的Container 布局容器,组件采用 flex 布局.所以用了它的布局就可以做到宽 ...
easyui前端实现多选框_前端：Element UI 多选框组用法笔记
今天给大家分享一下Element UI 多选框组用法笔记,直接上代码! "兴趣爱好:"> "form.checkList"> for= {{item ...
Element UI级联选择器(Cascader)获取级联对象
Element UI Cascader官网文档 GIF 代码: getCascaderObj = function(val, opt){return val.map(function (value, ...
vue2.0 + element ui 实现表格穿梭框
element ui 官网里介绍了穿梭框(Transfer),但在实际使用过程中,会出现一些问题: 1.穿梭框里能放置的内容太少,不能满足复杂的业务需求. 2.当选项过多时,穿梭框很难实现分页,左右两 ...
vue + element ui 的后台管理系统框架_从零开始搭建 VUE + Element UI后台管理系统框架...
点击右上方红色按钮关注"web秀",让你真正秀起来前言后台管理系统前端框架,现在很流行的形式都是,上方和左侧都是导航菜单,中间是具体的内容.比如阿里云.七牛云.头条号.百家号等 ...

Element UI版本升级

1. 打开终端执行以下命令

2. 将element ui 默认的Css样式修改成你需要后的的

3. 重新运行代码，检测是否有 bug

4. 测试

Element UI版本升级相关推荐

最新文章

热门文章