精华内容
下载资源
问答
  • Element UI for Axure元件库.rplib
  • Element UI元件库.zip

    2020-06-03 20:58:52
    ElementUI 2.X Axure rplib元件库,绝对齐全,超值不后悔
  • Element UI 完整版 源码 可用 vue+Element-UI 前端框架
  • element ui table组件使用源码

    热门讨论 2018-03-04 11:49:34
    重要,重要!!!!!此源码需要正确引入相关脚本后才能正确执行。本想免费,但最少的选项是2分。请谨慎下载!!!!
  • 页面内引用element ui的js 及css离线版 便于不想通过webpack 打包和前后端分离使用
  • 基于Vue+element ui+axios的三级联动,手动创建静态的json文件,axios获取json文件,并获取数据
  • Vue.js 2.0 + Element UI实现后台管理系统
  • element-ui.zip

    2019-05-22 01:10:57
    element ui 资源文件 用于 element ui 设计后台系统 的背景和字体 icon等
  • element-ui@2.15.5.zip

    2021-08-11 12:07:42
    element-ui@2.15.5离线包,包含字体等,解压即用,非npm
  • Vue框架Element UI教程

    千次阅读 2019-09-12 16:25:01
  • element-ui离线包.zip

    2020-01-13 11:22:04
    element-ui离线包资源,页面内引用element ui的js 及css离线版.方便内网使用.
  • Element 官方宣布了:Element UI for Vue 3.0 来了!

    千次阅读 多人点赞 2020-12-01 13:00:58
    Element Plus for Vue 3.0 来了,这次真的来了!Element 开发团队宣布正式发布 Element Plus 的首个 beta 版本,Element Plus 是...

    Element Plus for Vue 3.0 来了,这次真的来了!

    Element 开发团队宣布正式发布 Element Plus 的首个 beta 版本,Element Plus 是 Element 对 Vue 3.0 的升级适配。

    此前网上有传言称 Element 无人维护,Element UI 也不会支持 Vue 3.0,这次官方出来打脸了。

    Element Plus

    Element Plus for Vue 3.0 是一个使用 TypeScript + Composition API 重构的全新项目。Element 团队几乎重写了每一行 Element 的代码,用最 Vue 3 的方式呈现了最完美的 Element,主要有:

    • 使用 TypeScript 开发,提供完整的类型定义文件

    • 使用 Vue 3.0 Composition API 降低耦合,简化逻辑

    • 使用 Vue 3.0 Teleport 新特性重构挂载类组件

    • 使用 Lerna 维护和管理项目

    • 使用更轻量更通用的时间日期解决方案 Day.js

    • 升级适配 popperjs, async-validator 等核心依赖

    • 完善 52 种国际化语言支持

    除此以外,还有:

    • 全新的视觉

    • 优化的组件 API

    • 更多自定义选项

    • 更加详尽友好的文档

    从 Element Plus 的官网上可以了解到,此次 Element Plus 的设计原则主要有四个方面:

    一致性 Consistency

    与现实生活一致:与现实生活的流程、逻辑保持一致,遵循用户习惯的语言和概念;在界面中一致:所有的元素和结构需保持一致,比如:设计样式、图标和文本、元素的位置等。

    反馈 Feedback

    控制反馈:通过界面样式和交互动效让用户可以清晰的感知自己的操作;页面反馈:操作后,通过页面元素的变化清晰地展现当前状态。

    效率 Efficiency

    简化流程:设计简洁直观的操作流程;清晰明确:语言表达清晰且表意明确,让用户快速理解进而作出决策;帮助用户识别:界面简单直白,让用户快速识别而非回忆,减少用户记忆负担。

    可控 Controllability

    用户决策:根据场景可给予用户操作建议或安全提示,但不能代替用户进行决策;结果可控:用户可以自由的进行操作,包括撤销、回退和终止当前操作等。

    最后

    Element Plus 的用法基本都和原来的一样,没太大改动,很容易上手,比如完整引入,按需引入那些用法都没变。

    笔者看了一下 Element Plus 的官网,一个基于 Vue 和 Element Plus 的开发环境很容易就能搭建完毕,各个组件的使用方法请参阅它们各自的文档。

    Element Plus 项目仍在大力开发中,相信很快就能再次用上了。

    具体信息可移步 Element Plus 官网:

    https://element-plus.org/#/zh-CN/guide/design

    Vue3.0 官网:

    https://vue3js.cn/docs/

    推荐阅读

    展开全文
  • element ui 可以用 formatter 来实现,具体代码如下 <el-table-column label="问题来源" align="center" prop="problemSource" :formatter = "problemSourceFormat"/> problemSourceFormat 就是我们所要...

    在前端开发中常常遇到这样的需求,就是给后台传回的数字或者一些标识转义。比如后台传回“1” 前端要转义成“男” ,后台传回“2” 前台要转义成“女”等。

    在 element ui 可以用 formatter 来实现,具体代码如下

     <el-table-column label="问题来源" align="center" prop="problemSource" :formatter = "problemSourceFormat"/>
    

    在这里插入图片描述
    problemSourceFormat 就是我们所要自己定义的函数,我把转义规则写在着个方法里。在此举个例子:

        problemSourceFormat(date){
          if(date.problemSource == '0'){
              return '审计署'
          }
          if(date.problemSource == '1'){
              return '网公司'
          }
           if(date.problemSource == '2'){
              return '公司'
          }
    
        }
    

    这里的data 默认是table 中该行是数据,k v 的格式 。

    在这里插入图片描述
    over

    展开全文
  • ???? Element UI for Vue 3.0 来了! 第一个使用 TypeScript + Vue 3.0 Composition API 重构的组件库 Element Plu...

    ???? Element UI for Vue 3.0 来了!

    第一个使用 TypeScript + Vue 3.0 Composition API 重构的组件库 Element Plus 发布了 ???? ~

    2016 年 3 月 13 日 Element 悄然诞生,经历了 4 年的风雨洗礼,我们从一个饿了么内部业务组件库成长为 Vue 生态里最流行的 UI 组件库之一。

    截至本文撰写时,Element 已获得 48200 Github Star, NPM 下载量 95 万次/每月的可喜成绩。感谢超过 530 名社区贡献者的参与维护,和我们一同完成了 4400 次 commit 的更新迭代。

    来张作者原始头像做对比,体现为之付出而牺牲的沧桑

    开源前

    开源后

    Element 开发团队 40000 Github Star 庆祝会

    Element Plus for Vue 3.0

    2020 年,随着 Vue 3.0 不断完善和发布,我们也紧张投入到 Element 对 Vue 3.0 的升级适配工作中。历经 6 个月共计 23 个 alpha 版本的迭代,终于,在今天, Element Plus for Vue 3.0 Beta 版本正式发布 ???? !

    Vue 3.0 的大版本升级,对生态组件库来说也是一次丢掉历史包袱前行的好机会,我们大刀阔斧对 Element 进行了一次深度重构。

    Element Plus for Vue 3.0 是一个使用 TypeScript + Composition API 重构的全新项目。

    我们几乎重写了每一行 Element 的代码,用最 Vue 3 的方式呈现了最完美的 Element,主要有:
    • 使用 TypeScript 开发,提供完整的类型定义文件

    • 使用 Vue 3.0 Composition API 降低耦合,简化逻辑

    • 使用 Vue 3.0 Teleport 新特性重构挂载类组件

    • 使用 Lerna 维护和管理项目

    • 使用更轻量更通用的时间日期解决方案 Day.js

    • 升级适配 popperjs, async-validator 等核心依赖

    • 完善 52 种国际化语言支持

    除此以外,还有:

    • 全新的视觉*

    • 优化的组件 API

    • 更多自定义选项

    • 更加详尽友好的文档

    Q:Element Plus 和 Element UI 是什么关系? 为什么又一个新项目?

    正如 vue-next 之于 vue,一次 100% 的重构虽然解决了很多历史遗留问题,但也不可避免的引入一些新的 bug 和问题,而独立的 issue 和 pr 区可以减少大家使用和反馈的心智成本,也能更加方便我们定位问题,并行维护迭代。

    Element will stay with Vue 2.x

    For Vue 3.0, we recommend using Element Plus from the same team

    具体可以参考 Element 的 README github.com/ElemeFE/ele…

    Q: 老 Element 项目可以平滑升级到 Vue 3.0 + Element Plus 吗?

    由于 Vue 3.0 升级引入了部分 API 的调整,老项目的升级不可避免的要做些许改动。但我们力争把变更内容做到可控,只需要很少的调整就能完成项目升级。在今后 Vue 3.0 的项目里,还是熟悉的 Element 的配方和味道。

    Q: Element UI 还会维护吗?

    当然会!(而且一直在正常迭代发布呀 ヽ(✿゚▽゚)ノ)

    每每看到社区类似的担忧,对我们都是一种鞭策。作为一个负责任的开源项目,必然不会辜负大家的期待。随着用户的增多,肩上的压力也越来越大,希望大家使用了 Element 能真正为项目开发减负提效,这样我们多加班,大家早下班,想到这,感觉胸前的红领巾更鲜艳了????。

    开始体验吧

    有很多方式可以体验 Element Plus for Vue 3.0

    • 手动安装 npm install element-plus ,详见官网安装指南

     >https://element-plus.org/#/zh-CN/component/installation

    • 下载 Webpack 脚手架 直接运行体验

     >https://github.com/element-plus/element-plus-starter

    • ???? 尝鲜时下最炫酷的Vite 打包脚手架

     >https://github.com/element-plus/element-plus-vite-starter

    • 通过 Vue CLI 插件 引入

     >https://github.com/element-plus/vue-cli-plugin-element-plus

    Element Plus的下一步是什么?

    • 一次重大视觉更新

    • 2 个全新组件紧张研发中

    • 访问速度更快,功能更强大的官方网站

    喜欢 Element Plus 吗?来点个 Star ❤️ 支持鼓励我们一下吧 ~

    原文:juejin.cn/user/3315782798806430/posts

    ❤️爱心三连击
    
    1.看到这里了就点个在看支持下吧,你的「点赞,在看」是我创作的动力。
    2.关注公众号程序员成长指北,回复「1」加入Node进阶交流群!「在这里有好多 Node 开发者,会讨论 Node 知识,互相学习」!
    3.也可添加微信【ikoala520】,一起成长。
    
    
    
    “在看转发”是最大的支持
    
    展开全文
  • vue - element UI table合并行合并列

    千次阅读 2019-12-27 11:19:24
    vue - element UI table合并行合并列 Max.Bai 2019-12 先看下效果: 0. 基本思路 合并行:如果上一行和这一行值一样,开始计算span,不一样就返回合并span 合并列:如果上一列和这一列值一样,开始计算...
  • element-ui切换主题

    2019-11-01 08:11:18
    vue+element-ui实现切换主题颜色,根据element-ui官方提供的主题生成工具生成主题,实现切换。
  • element ui 离线文档

    千次阅读 2020-09-10 11:30:21
    vue中element ui 离线文档 链接地址:https://pan.baidu.com/s/1FC-z2S11umPeonKk4yXYgg 提取码:bksp
  • H5项目引入Element UI 采用本地方式引入Element UI和Vuetify 引入资源结构 jquery和vue比较好引入,暂略 需要Element UI和Vuetify引入资源的,可在文章顶部下载 使用非常简单,直接<link>或者<script>...
  • vue + element ui 实现锚点定位

    千次阅读 2020-07-13 10:36:25
    这里写自定义目录标题vue + element ui 实现锚点定位vuejscss vue + element ui 实现锚点定位 你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章...
  • Element UI是什么?基本用法

    千次阅读 2021-02-25 17:37:42
    Element UI 是什么? Element,一套为开发者、设计师和产品经理准备的基于 VUE2.0 的桌面端组件库。 npm 安装 npm i element-ui -S 引入 Element 完整引入 在 main.js 中写入一下内容 import Vue from 'vue'; ...
  • element ui 兼容低版本浏览器

    万次阅读 2019-09-03 16:27:02
    基于ES6的用Vue框架element ui写的页面,如果当需要解决兼容低版本浏览器时,会遇到在低版本浏览器中不显示效果,页面一片空白,但控制台也不报错,而在高版本可以正常显示的情况。 低版本效果: 高版本效果: ...
  • element ui源码调试

    千次阅读 2020-05-07 12:50:13
    第一步:如何调试element ui 源码 npm run dev 第二步:打包完成后可以根据localhost:8085 访问到源码的demo 第三步:看到源码的界面 第四步:调试的时候可以使用console.log() 或者alert打印内容,但不可以在...
  • element ui 菜单收缩

    千次阅读 2020-07-01 11:04:13
    <template> <div> <el-radio-group v-model="isCollapse" style="margin-bottom: 20px;"> <el-radio-button :label="false">展开</el-radio-button> <... &..
  • element UI 上传图片跨域

    千次阅读 2020-07-29 10:22:33
    element ui 解决上传图片跨域 近期项目有上传图片功能,项目用的是element UI 搭的vue 框架,在看了官方文档之后,复制代码调式,浏览器一直提示跨域,百度了各种解决方法,都是无效,下面举例百度的方法: 方法一:...
  • Element UI——数字输入框解决方案

    千次阅读 2020-04-11 13:00:12
    https://element.eleme.cn/#/zh-CN/component/input https://element.eleme.cn/#/zh-CN/component/input-number 解决方案 方法一:el-input + 正则表达式 只需要在el-input标签添加代码,如下图所示...
  • 五、Element UI排序

    千次阅读 2020-05-05 21:34:00
    1、在<el-table-column>上使用sortable属性。 2、使用<el-table-column>的sort-orders属性: 取值为数组,设置鼠标单击可排序字段后数据的排序顺序。 默认值:[‘ascending’,‘descending’,null] ...
  • element ui Dialog对话框

    千次阅读 2020-01-16 15:07:13
    element ui Dialog对话框 点×触发事件 点击标题右上角的×执行的事件使用的是自己手写的方法 用slot绑定重写 使用本身的 before-close、destroy-on-close、close均没有用 :close-on-click-modal=“false” // 点击...
  • 相信用过element ui组件库的人肯定都有用到轮播图,关于大小官方只提供了一个height属性,字符串类型,也就是说可以使用vh、vw等自适应单位。 我看到网上大部分人都是通过js监听浏览器宽高、图片大小去设置一个值等...
  • element ui 详细文档

    千次阅读 2020-05-21 15:28:33
    该网址有相对比官网较全的element api 文档,值得参考 https://cloud.tencent.com/developer/doc/1270

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 153,386
精华内容 61,354
关键字:

elementui