Element共0篇
Element
排序
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年前
Vue2中，新手使用Elemnt-UI、Ant Design Vue入门教程
开发准备 开发环境 开发工具：VsCode node.js：18.16.0 vue/cli：5.0.8 npm：9.5.1 vue：2.6.14 less：4.0.0 项目搭建 1、使用指令或vue ui创建（网上都有教程） 2、创建完成后，项目完整结构如...
2年前
踩坑日记 element组件渲染异常?
前言 最近在搞前端老项目的优化事情，目标是提高首屏速度，减少打包体积。 为了把体积降下来，于是我就对一些业务组件包进行了抽离，通过动态挂载cdn链接的方式获取，不打包进本地的文件了。 本...
2年前
一文解决vue中菜单再次点击内容不刷新问题
说明 今天项目经理让我解决一下elementUI中菜单打开后，再次点击不会刷新的问题,看了下elementUI组件官网，发现好像除了一个菜单选中事件，没啥别的有用的。导致菜单再次点击不刷新的根本原因是...
2年前
在小小的需求里挖呀挖呀挖，挖出大大的坑再填好它
近期加班加点的赶需求，有老项目的迭代，还有新项目的开发，反正亘古不变的道理就是，无论新老，坑是一直存在的，反正我们的宗旨就是，没有坑制造坑也要上，闲言少叙，开始填坑铺路吧。 一、rea...
2年前![如何将路径字符串数组(string[])转成树结构(treeNode[])？-五八三](https://583.cn/wp-content/uploads/2023/07/160e97d5eb04f150e28f988512e5f9ab.jpg)
如何将路径字符串数组(string[])转成树结构(treeNode[])？
原文链接：如何将路径字符串数组(string[])转成树结构(treeNode[])？ 需求 这里的UI使用的是Element-Plus。 将一个路径字符串数组（当然也可能是其他目标字符串数组），渲染成树。 /* source: /...
2年前
使用 CSS 变量实现 ElementUI 动态主题切换
方案选择 Element UI 本身是支持主题定制功能的，官方提供了四种方法实现自定义主题，本质上的实现思路都是覆盖组件库本身预定义的 sass 变量，然后编译出一个新的 css 文件。 虽然这样可以满足...
2年前
页面滚动时隐藏el-select下拉框(vue+element)
问题描述：elementUi的el-select下拉选择框,打开之后,直到失去焦点才会自动关闭。 在有滚动条的弹窗中使用时就会出现打开下拉框,滚动弹窗,el-select下拉框会超出弹窗范围的问题. 解决方案1. 监...
2年前
为啥你的tree的checkbox隐藏的这么艰难
场景： 近期在实现一个基于element-ui 的 Tree 组件的场景， 产品要求， 部门的数据，都不要checkbox, 只有节点值为 员工 才显示，而且还要部分员工的checkbox 禁用 element-ui 的 tree 还不支...
2年前
Element 表格多选性能优化
起因 公司的基础组件库是基于 ElementUI 进行二次封装的，某天有个前端跟我反映表格组件渲染 500 条数据的情况下，多选功能的全选会变得特别卡，点一下要卡 10 几秒，我一想应该不至于啊，500 ...
2年前
极致舒适的Vue可编辑表格
使用ElementPlus的Table啥都好，就是没有可编辑表格！！！? 既然UI库不支持，那我们实现一个可编辑表格是很难的事么？?难么？?不难么？... 个人觉得如果是业务固定的可编辑表格，使用ElementPlu...
2年前二十二.uniapp仿封装el-table
前言 最近在使用uniapp进行开发的时候，需要使用table列表，且table样式大致与el-table相同，但是目前uview或者colorUI等组件库并没有这种table组件，所以这里参考el-table的源码，使用uniapp写...
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年前
实现类似element-plus官网右侧跟随页面滚动变化高亮的导航栏功能
背景 在 element-plus官网，右侧有辅助当前页面滚动的导航栏，有如下能力： 随着当前页面滚动，右侧导航栏的当前高亮会动态进行切换，并且浏览器地址栏的锚点hash会跟随动态变化。 点击右侧导航...
2年前
【源码学习】第27期 | element-plus是如何给组件之间提供统一的间距的？
前言 给组件与组件之前设置间距，相信大家都知道用的margin，那么如何给组件之前提供统一的间距？今天就跟着element-plus的ElSpace组件源码一起学习一下~ 收获清单 ElSpace组件源码分析...
2年前
Element Plus el-table 自定义合并行和列
原文链接：Element Plus el-table 自定义合并行和列 前言 目标效果是将表格行数据中某个属性值相同的项合并到一起，效果如下： <el-table :data='tableData' :span-method='spanMethod' styl...
2年前
排查一个因chrome 高版本窗口缩放引起的Bug
情景描述 现场实施人员反馈XX系统在chrome 中 缩小窗口，导致了业务异常，严重影响使用，因为生产环境用户的特殊性，该类问题归结为于比较严重的问题； 在反馈到开发同学这里后，立马进行了初步...
2年前
element-ui 表格组件固定列，data 延迟加载横滚无法拖动的解决方案
前言 最近在 element-ui 的 table 组件又又又又又踩坑了，在 table 设置了 height 的前提下，fixed 固定列在 table-data 延迟加载（很多时候都是异步加载）的时候，固定列下方的横向滚动条拖不...
2年前
极致舒适的Vue弹窗使用方案
一个Hook让你体验极致舒适的Dialog使用方式！ Dialog地狱 为啥是地狱？ 因为凡是有Dialog出现的页面，其代码绝对优雅不起来！因为一旦你在也个组件中引入Dialog，就最少需要额外维护一个visible...
2年前
为 el-select 组件添加滚动加载更多的功能
转载请注明出处，点击此处 查看更多精彩内容 el-select 是 element-ui 组件库提供的下拉选择菜单组件。 在项目中，我们展示到 el-select 的数据通常是从服务端获取的，如果服务端的查询较慢或者...
2年前