排序
二十二.uniapp仿封装el-table
前言 最近在使用uniapp进行开发的时候,需要使用table列表,且table样式大致与el-table相同,但是目前uview或者colorUI等组件库并没有这种table组件,所以这里参考el-table的源码,使用uniapp写...
页面滚动时隐藏el-select下拉框(vue+element)
问题描述:elementUi的el-select下拉选择框,打开之后,直到失去焦点才会自动关闭。 在有滚动条的弹窗中使用时就会出现打开下拉框,滚动弹窗,el-select下拉框会超出弹窗范围的问题. 解决方案1. 监...
一文解决vue中菜单再次点击内容不刷新问题
说明 今天项目经理让我解决一下elementUI中菜单打开后,再次点击不会刷新的问题,看了下elementUI组件官网,发现好像除了一个菜单选中事件,没啥别的有用的。导致菜单再次点击不刷新的根本原因是...
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...
浅析Element ui 中事件 broadcast 与 dispatch
情形回顾 大家都知道Vue 1.x 的版本中内置了 broadcost](https://v1-cn.vuejs.org/api/#vm-broadcast) 与 [dispatch 两个方法;用于处理事件的广播和派发; 我们简单的回顾一下这两个API的使用...
element-plus自定义主题色
问题背景 1.实际需求就是UI会有一套属于自己的颜色体系,其实跟element默认的蓝色风格肯定是不同的。我们肯定是需要通过自定义主题色来修改,而不是使用组件的样式覆盖去修改,因为那样做,工作...
element组件库系列(一)–如何捕获组件的props定义
前言 这是element组件库系列文章,主要是平时使用element组件库的一些过程和心得,文章篇幅不定,有长有短,但主打一个实用(可能实用不一定是对你实用,不实用请轻喷)。废话少说,本篇将讲述...
二十一.vue3之el-select封装集成
前言 最近写表单的时候被测试提了好几个bug,最后排查发现主要是el-select引起的。 第一种情况是远程搜索,页面初始化的时候默认获取50条下拉,然后远程搜索了一个值,保存后再进详情,由于远程...
为 el-select 组件添加滚动加载更多的功能
转载请注明出处,点击此处 查看更多精彩内容 el-select 是 element-ui 组件库提供的下拉选择菜单组件。 在项目中,我们展示到 el-select 的数据通常是从服务端获取的,如果服务端的查询较慢或者...
排查一个因chrome 高版本窗口缩放引起的Bug
情景描述 现场实施人员反馈XX系统在chrome 中 缩小窗口,导致了业务异常,严重影响使用,因为生产环境用户的特殊性,该类问题归结为于比较严重的问题; 在反馈到开发同学这里后,立马进行了初步...
实现类似element-plus官网右侧跟随页面滚动变化高亮的导航栏功能
背景 在 element-plus官网,右侧有辅助当前页面滚动的导航栏,有如下能力: 随着当前页面滚动,右侧导航栏的当前高亮会动态进行切换,并且浏览器地址栏的锚点hash会跟随动态变化。 点击右侧导航...
Element 表格多选性能优化
起因 公司的基础组件库是基于 ElementUI 进行二次封装的,某天有个前端跟我反映表格组件渲染 500 条数据的情况下,多选功能的全选会变得特别卡,点一下要卡 10 几秒,我一想应该不至于啊,500 ...
如何将路径字符串数组(string[])转成树结构(treeNode[])?
原文链接:如何将路径字符串数组(string[])转成树结构(treeNode[])? 需求 这里的UI使用的是Element-Plus。 将一个路径字符串数组(当然也可能是其他目标字符串数组),渲染成树。 /* source: /...
踩坑日记 element组件渲染异常?
前言 最近在搞前端老项目的优化事情,目标是提高首屏速度,减少打包体积。 为了把体积降下来,于是我就对一些业务组件包进行了抽离,通过动态挂载cdn链接的方式获取,不打包进本地的文件了。 本...
el-date-picker 宽度溢出浏览器问题
原文链接: el-date-picker 宽度溢出浏览器问题 问题由来 <el-date-picker v-model='Time' type='datetimerange' range-separator='至' start-placeholder='年/月/日 时:分:秒' end-place...
一个指令,解决超长文本的溢出提示
前言 在我们项目开发中,经常会有超长文本溢出提示,未溢出则不提示的场景。 笔者就遇到了比较复杂的场景,在一个表格中,需要对每个单元格进行这个需求的校验,刚开始开发的时候也是 v-if v-else。...
Element 组件库也支持暗黑模式啦
前言 最近参考了Element Plus风格样式,修改了Element内部样式源文件,并发布了自定义的暗黑主题包 element-theme-darkplus。 效果预览 ?戳这里。 背景 Vue版本经历了2到3的大迭代...
ElementPlus使用总结 – 【Form】表单校验
前言 为什么需要表单校验? 前端提前校验可以 省去一些错误的请求提交,为后端节省接口压力; 避免一些低级错误的出现; 一些简单的校验,我们就可以根据现有的配置字段进行配置,但是一些特殊...
极致舒适的Vue弹窗使用方案
一个Hook让你体验极致舒适的Dialog使用方式! Dialog地狱 为啥是地狱? 因为凡是有Dialog出现的页面,其代码绝对优雅不起来!因为一旦你在也个组件中引入Dialog,就最少需要额外维护一个visible...
Element Plus el-table 自定义合并行和列
原文链接:Element Plus el-table 自定义合并行和列 前言 目标效果是将表格行数据中某个属性值相同的项合并到一起,效果如下: <el-table :data='tableData' :span-method='spanMethod' styl...