排序
极致舒适的Vue弹窗使用方案
一个Hook让你体验极致舒适的Dialog使用方式! Dialog地狱 为啥是地狱? 因为凡是有Dialog出现的页面,其代码绝对优雅不起来!因为一旦你在也个组件中引入Dialog,就最少需要额外维护一个visible...
【源码学习】第28期 | 如何实现一键返回顶部?
前言 当开发页面内容较多,如介绍官网产品之类【只有一个产品的当我没说~】的,应该有不少童鞋都碰到过一键回到顶部的需求,那么一键回到顶部具体是怎么实现的呢?今天就一起来看一下el...
element组件库系列(一)–如何捕获组件的props定义
前言 这是element组件库系列文章,主要是平时使用element组件库的一些过程和心得,文章篇幅不定,有长有短,但主打一个实用(可能实用不一定是对你实用,不实用请轻喷)。废话少说,本篇将讲述...
极致舒适的Vue可编辑表格
使用ElementPlus的Table啥都好,就是没有可编辑表格!!!? 既然UI库不支持,那我们实现一个可编辑表格是很难的事么??难么??不难么?... 个人觉得如果是业务固定的可编辑表格,使用ElementPlu...
Element Plus el-table 自定义合并行和列
原文链接:Element Plus el-table 自定义合并行和列 前言 目标效果是将表格行数据中某个属性值相同的项合并到一起,效果如下: <el-table :data='tableData' :span-method='spanMethod' styl...
排查一个因chrome 高版本窗口缩放引起的Bug
情景描述 现场实施人员反馈XX系统在chrome 中 缩小窗口,导致了业务异常,严重影响使用,因为生产环境用户的特殊性,该类问题归结为于比较严重的问题; 在反馈到开发同学这里后,立马进行了初步...
一个指令,解决超长文本的溢出提示
前言 在我们项目开发中,经常会有超长文本溢出提示,未溢出则不提示的场景。 笔者就遇到了比较复杂的场景,在一个表格中,需要对每个单元格进行这个需求的校验,刚开始开发的时候也是 v-if v-else。...
Vue项目中实现ElementUI按需引入(解决官方bug)
我正在参加「掘金·启航计划」 前言 为了减小项目打包体积,提高项目性能,对Element UI组件进行按需引入,但是在实际实践过程中遇到了比较有意思的问题,官方写的demo然而并不能行的通,有开发...
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、创建完成后,项目完整结构如...
使用 CSS 变量实现 ElementUI 动态主题切换
方案选择 Element UI 本身是支持主题定制功能的,官方提供了四种方法实现自定义主题,本质上的实现思路都是覆盖组件库本身预定义的 sass 变量,然后编译出一个新的 css 文件。 虽然这样可以满足...
第29期 | 穿梭框是什么,如何实现?
前言 一般当项目中遇到需要对产品进行选择添加的应用场景时,我们就会考虑使用穿梭框来实现,那么自己如何实现一个穿梭框呢?今天就来看一下element-plus的Transfer穿梭框的具体实现~ ...
二十二.uniapp仿封装el-table
前言 最近在使用uniapp进行开发的时候,需要使用table列表,且table样式大致与el-table相同,但是目前uview或者colorUI等组件库并没有这种table组件,所以这里参考el-table的源码,使用uniapp写...
ElementPlus使用总结 – 【Form】表单校验
前言 为什么需要表单校验? 前端提前校验可以 省去一些错误的请求提交,为后端节省接口压力; 避免一些低级错误的出现; 一些简单的校验,我们就可以根据现有的配置字段进行配置,但是一些特殊...
element-ui 表格组件固定列,data 延迟加载横滚无法拖动的解决方案
前言 最近在 element-ui 的 table 组件又又又又又踩坑了,在 table 设置了 height 的前提下,fixed 固定列在 table-data 延迟加载(很多时候都是异步加载)的时候,固定列下方的横向滚动条拖不...