前言   最近参考了Element Plus风格样式，修改了Element内部样式源文件，并发布了自定义的暗黑主题包 element-theme-darkplus。   效果预览 ?戳这里。 背景   Vue版本经历了2到3的大迭代...

前言 这是element组件库系列文章，主要是平时使用element组件库的一些过程和心得，文章篇幅不定，有长有短，但主打一个实用（可能实用不一定是对你实用，不实用请轻喷）。废话少说，本篇将讲述...

我正在参加「掘金·启航计划」 需求 经常会遇到表格行勾选的场景，产品会说 要支持表单搜索 要支持表头搜索 哎呀，数据量太大，后端分页 哎呀，后端太忙，数据量不大，前端分页把 我上面全都要...

前言 在我们项目开发中,经常会有超长文本溢出提示,未溢出则不提示的场景。 笔者就遇到了比较复杂的场景,在一个表格中,需要对每个单元格进行这个需求的校验,刚开始开发的时候也是 v-if v-else。...

问题背景 1.实际需求就是UI会有一套属于自己的颜色体系，其实跟element默认的蓝色风格肯定是不同的。我们肯定是需要通过自定义主题色来修改，而不是使用组件的样式覆盖去修改，因为那样做，工作...

我正在参加「掘金·启航计划」 前言 为了减小项目打包体积，提高项目性能，对Element UI组件进行按需引入，但是在实际实践过程中遇到了比较有意思的问题，官方写的demo然而并不能行的通，有开发...

之前的文章# 手把手，如何搭建一个通用组件库，并发布到npm？搭建了一个简单的组件库框架，并发布到了npm。 在文章结果也留了几个个坑， 1.没有样式 2.文档系统也没有 3.组件也不能按需加载 我...

情形回顾 大家都知道Vue 1.x 的版本中内置了 broadcost](https://v1-cn.vuejs.org/api/#vm-broadcast) 与 [dispatch 两个方法；用于处理事件的广播和派发； 我们简单的回顾一下这两个API的使用...

前言     一般当项目中遇到需要对产品进行选择添加的应用场景时，我们就会考虑使用穿梭框来实现，那么自己如何实现一个穿梭框呢？今天就来看一下element-plus的Transfer穿梭框的具体实现~ ...

原文链接： el-date-picker 宽度溢出浏览器问题 问题由来 <el-date-picker v-model='Time' type='datetimerange' range-separator='至' start-placeholder='年/月/日 时:分:秒'   end-place...

开发环境 编辑器：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...

开发准备 开发环境 开发工具：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、创建完成后，项目完整结构如...

前言 最近在搞前端老项目的优化事情，目标是提高首屏速度，减少打包体积。 为了把体积降下来，于是我就对一些业务组件包进行了抽离，通过动态挂载cdn链接的方式获取，不打包进本地的文件了。 本...

说明 今天项目经理让我解决一下elementUI中菜单打开后，再次点击不会刷新的问题,看了下elementUI组件官网，发现好像除了一个菜单选中事件，没啥别的有用的。导致菜单再次点击不刷新的根本原因是...

近期加班加点的赶需求，有老项目的迭代，还有新项目的开发，反正亘古不变的道理就是，无论新老，坑是一直存在的，反正我们的宗旨就是，没有坑制造坑也要上，闲言少叙，开始填坑铺路吧。 一、rea...

原文链接：如何将路径字符串数组(string[])转成树结构(treeNode[])？ 需求 这里的UI使用的是Element-Plus。 将一个路径字符串数组（当然也可能是其他目标字符串数组），渲染成树。 /* source: /...

方案选择 Element UI 本身是支持主题定制功能的，官方提供了四种方法实现自定义主题，本质上的实现思路都是覆盖组件库本身预定义的 sass 变量，然后编译出一个新的 css 文件。 虽然这样可以满足...

问题描述：elementUi的el-select下拉选择框,打开之后,直到失去焦点才会自动关闭。 在有滚动条的弹窗中使用时就会出现打开下拉框,滚动弹窗,el-select下拉框会超出弹窗范围的问题. 解决方案1. 监...

场景： 近期在实现一个基于element-ui 的 Tree 组件的场景， 产品要求， 部门的数据，都不要checkbox, 只有节点值为 员工 才显示，而且还要部分员工的checkbox 禁用 element-ui 的 tree 还不支...

起因 公司的基础组件库是基于 ElementUI 进行二次封装的，某天有个前端跟我反映表格组件渲染 500 条数据的情况下，多选功能的全选会变得特别卡，点一下要卡 10 几秒，我一想应该不至于啊，500 ...