Element UI版本升级

这篇具有很好参考价值的文章主要介绍了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. 测试

使用新的版本的功能,测试是否能用文章来源地址https://www.toymoban.com/news/detail-679814.html

到了这里,关于Element UI版本升级的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • element-template中的element-ui版本升级后不出现el的代码提示

    在开发基于element-template的vue管理系统中,我需要使用到element-ui的描述列表,但是写入代码后没有相关样式。 经过查询资料后发现可能是由于element-ui的版本较低导致, 于是我更新了element-ui的版本至最新 ,然后就出现了该问题 在idea的vue文件中,打代码的时候没有element-ui的代

    2024年02月15日
    浏览(43)
  • vue版本升级导致vant这个UI组件中的loading失效问题

    最近遇到了一个问题,就是项目中loading加载突然不能用了。 这个项目是老项目, vue2.x+vant,loading加载 采用的是vant提供的UI组件。 但为什么不能用了呢,因为一个小伙伴把package-lock.json这个文件删除了。 为什么会把 package-lock.json 这个文件删除了呢?因为公司有安全扫描,扫

    2023年04月22日
    浏览(40)
  • 快速解决element ui的组件的版本z-index层级问题

    怎么快速解决 element ui 的组件的版本z-index层级问题 首先你要清楚, element ui 组件( select / dialog ) z-index 的层级从哪里来的。 你看源码就会知道,每次都会混入个 minxin:[Popper] 可以知道,他的层级是从这个 Popper 这里来的, 我们在写组件的时候,只需要获取他的Popper混入方法就

    2024年02月02日
    浏览(495)
  • 对Element UI 2.15版本的树形组件进行美化,如增加竖线、横线、图标等

    ElementUI、ElementPlus树组件功能很不错,但是官方的树形组件没有显示线条,感觉稍微不够大气。于是网上查了一些资料,找了很多也感觉也不够完美,最后找到一个还不错的实现方案,并且再美化改进一下,分享给大家。 (1)示例代码 (2)效果如下~ (1)示例代码 (2)效

    2024年02月13日
    浏览(76)
  • Web Component -- 即将爆发的原生的 UI 组件化标准

    Web Component 是一种用于构建 可复用用户界面组件 的技术,开发者可以创建自定义的 HTML 标签,并将其封装为包含逻辑和样式的独立组件,从而在任何 Web 应用中重复使用。 每个 Web Component 都具有自己的 DOM 和样式隔离,避免了全局 CSS 和 JavaScript 的冲突问题。它还支持自定义

    2024年02月03日
    浏览(44)
  • 【Vue3】引入组件Failed to resolve component: MyButton If this is a native custom element

    引入组件时页面上并没有出现组件的影子,其他元素正常,初步确定是组件引入部分语法出了问题,打开开发者工具看到控制台报出错误代码: 翻译 搜到了博主们提供的一些方法比如: 组件的script标签没有添加 setup 引入的时候加了大括号之类的,这种情况很显然不会报出这

    2024年02月09日
    浏览(40)
  • elementUI el-table+树形结构子节点选中后没有打勾?(element版本问题 已解决)

    1.不勾选父级CB111,直接去勾选子级(ST2001…), 子级选中后没有打勾显示 一直以为是这个树形结构和表格不兼容产生的问题,到后来看官方demo都是可以勾选的,最后排查到了版本问题, 最后尝试 给element ui升级为最新版本 “element-ui”: “ 2.15.7 ” -“element-ui”: “ 2.15.14 ”

    2024年02月07日
    浏览(45)
  • vue element-ui blur触发事件 vue中使用@blur获取input val值 elementui+vue

    vue中使用@blur获取input val值

    2024年02月11日
    浏览(50)
  • vue-pc端elementui-统一修改问题-Dialog 对话框点击空白关闭问题-element-所有组件层级问题

    实际开发我们经常发现dialog弹出框默认点击遮罩层空白地方就会关闭-有属性可以关闭 但是经常会图方便-或者已经写完了,不想一个个写,可以在main.js进行统一关闭 当我们在页面进行复杂设计和层级关闭改变,会发现右上角的退出登录弹出款在我们页面之下 这是我们不管怎

    2024年02月13日
    浏览(46)
  • Element Ui 时间组件

    很多时候在我们做项目的时候一般都会用到时间组件,其次js中:new dateNow = new Date();得到的是Thu Jul 28 2022 15:04:32 GMT+0800 (中国标准时间),都需要去转换自己需要的时间格式。 接下来介绍Element Ui中的一个组件: 打印的是:Thu Jul 28 2022 15:04:32 GMT+0800 (中国标准时间) 加了  value-f

    2024年02月07日
    浏览(51)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包