Element共0篇
Element
排序
element-plus自定义主题色
问题背景 1.实际需求就是UI会有一套属于自己的颜色体系，其实跟element默认的蓝色风格肯定是不同的。我们肯定是需要通过自定义主题色来修改，而不是使用组件的样式覆盖去修改，因为那样做，工作...
2年前
vue中，基于element-ui实现简单的文件管理系统
开发环境 编辑器：VsCodeVue：2.6.14Less：4.0.0Element-ui：2.15.13axios：1.4.0qs：6.11.2js-Base64：3.7.5 需要使用到的站点 1、karl的公开API接口（文档地址）：kangxianghui.top/karl-open...
2年前
Element 组件库也支持暗黑模式啦
前言 最近参考了Element Plus风格样式，修改了Element内部样式源文件，并发布了自定义的暗黑主题包 element-theme-darkplus。 效果预览 ?戳这里。 背景 Vue版本经历了2到3的大迭代...
2年前
一文解决vue中菜单再次点击内容不刷新问题
说明 今天项目经理让我解决一下elementUI中菜单打开后，再次点击不会刷新的问题,看了下elementUI组件官网，发现好像除了一个菜单选中事件，没啥别的有用的。导致菜单再次点击不刷新的根本原因是...
2年前二十一.vue3之el-select封装集成
前言 最近写表单的时候被测试提了好几个bug，最后排查发现主要是el-select引起的。 第一种情况是远程搜索，页面初始化的时候默认获取50条下拉，然后远程搜索了一个值，保存后再进详情，由于远程...
2年前
Element 表格多选性能优化
起因 公司的基础组件库是基于 ElementUI 进行二次封装的，某天有个前端跟我反映表格组件渲染 500 条数据的情况下，多选功能的全选会变得特别卡，点一下要卡 10 几秒，我一想应该不至于啊，500 ...
2年前
实现类似element-plus官网右侧跟随页面滚动变化高亮的导航栏功能
背景 在 element-plus官网，右侧有辅助当前页面滚动的导航栏，有如下能力： 随着当前页面滚动，右侧导航栏的当前高亮会动态进行切换，并且浏览器地址栏的锚点hash会跟随动态变化。 点击右侧导航...
2年前
踩坑日记 element组件渲染异常?
前言 最近在搞前端老项目的优化事情，目标是提高首屏速度，减少打包体积。 为了把体积降下来，于是我就对一些业务组件包进行了抽离，通过动态挂载cdn链接的方式获取，不打包进本地的文件了。 本...
2年前
Vue3组件库设计核心要素
专栏前几篇文章让我们重新认识了Vue3基础知识，从这篇文章开始，我们将以 Vue3 组件库的开发为线索，梳理设计一个企业级组件库需要考虑哪些核心要素，并实现常见组件。 在我们动手实现组件库之...
2年前![如何将路径字符串数组(string[])转成树结构(treeNode[])？-五八三](https://583.cn/wp-content/uploads/2023/07/160e97d5eb04f150e28f988512e5f9ab.jpg)
如何将路径字符串数组(string[])转成树结构(treeNode[])？
原文链接：如何将路径字符串数组(string[])转成树结构(treeNode[])？ 需求 这里的UI使用的是Element-Plus。 将一个路径字符串数组（当然也可能是其他目标字符串数组），渲染成树。 /* source: /...
2年前
el-date-picker 宽度溢出浏览器问题
原文链接： el-date-picker 宽度溢出浏览器问题 问题由来 <el-date-picker v-model='Time' type='datetimerange' range-separator='至' start-placeholder='年/月/日 时:分:秒' end-place...
2年前
手把手，如何搭建一个通用组件库？（文档+样式+按需打包）
之前的文章# 手把手，如何搭建一个通用组件库，并发布到npm？搭建了一个简单的组件库框架，并发布到了npm。 在文章结果也留了几个个坑， 1.没有样式 2.文档系统也没有 3.组件也不能按需加载 我...
2年前
浅析Element ui 中事件 broadcast 与 dispatch
情形回顾 大家都知道Vue 1.x 的版本中内置了 broadcost](https://v1-cn.vuejs.org/api/#vm-broadcast) 与 [dispatch 两个方法；用于处理事件的广播和派发； 我们简单的回顾一下这两个API的使用...
2年前默认选中树形的子节点方法this.$refs.tree.setCurrentKey(7);
比如子节点id为7， 默认选中树形子节点 this.$refs.tree.setCurrentKey(7); mounted () { this.$refs.tree.setCurrentKey(7); }, HTML代码 <el-tree class='filter-tree' :da...
2年前
为 el-select 组件添加滚动加载更多的功能
转载请注明出处，点击此处 查看更多精彩内容 el-select 是 element-ui 组件库提供的下拉选择菜单组件。 在项目中，我们展示到 el-select 的数据通常是从服务端获取的，如果服务端的查询较慢或者...
2年前
页面滚动时隐藏el-select下拉框(vue+element)
问题描述：elementUi的el-select下拉选择框,打开之后,直到失去焦点才会自动关闭。 在有滚动条的弹窗中使用时就会出现打开下拉框,滚动弹窗,el-select下拉框会超出弹窗范围的问题. 解决方案1. 监...
2年前
【紧贴业务，拿来即用】表格行勾选各种需求通通解决
我正在参加「掘金·启航计划」 需求 经常会遇到表格行勾选的场景，产品会说 要支持表单搜索 要支持表头搜索 哎呀，数据量太大，后端分页 哎呀，后端太忙，数据量不大，前端分页把 我上面全都要...
2年前
【源码学习】第27期 | element-plus是如何给组件之间提供统一的间距的？
前言 给组件与组件之前设置间距，相信大家都知道用的margin，那么如何给组件之前提供统一的间距？今天就跟着element-plus的ElSpace组件源码一起学习一下~ 收获清单 ElSpace组件源码分析...
2年前
在小小的需求里挖呀挖呀挖，挖出大大的坑再填好它
近期加班加点的赶需求，有老项目的迭代，还有新项目的开发，反正亘古不变的道理就是，无论新老，坑是一直存在的，反正我们的宗旨就是，没有坑制造坑也要上，闲言少叙，开始填坑铺路吧。 一、rea...
2年前
为啥你的tree的checkbox隐藏的这么艰难
场景： 近期在实现一个基于element-ui 的 Tree 组件的场景， 产品要求， 部门的数据，都不要checkbox, 只有节点值为 员工 才显示，而且还要部分员工的checkbox 禁用 element-ui 的 tree 还不支...
2年前