Element
文章平均质量分 93
木子_火山
天道酬勤,与君共勉
展开
-
基于element-ui table中多选框分页时的选择状态管理(二)
文章目录1. 原因2. 思路3. 代码4. 实现效果5.总结这篇是对《基于element-ui table中多选框分页时的选择状态管理(一)》的优化版,大致需求就是实现用户在不同pageIndex中对table进行操作之后,只需点击一次确定按钮就能提交用户的每一个操作项,想了解具体需求可以查看第一版。说得可能有点抽象,大家可以看一下下面这个图,用户在没提交的情况下可以在多个pageIndex中进行选择,点击确定按钮,提交所有pageIndex中操作过的选项(包括:1. 原来选中但提交时取消选中的,原创 2021-01-13 18:49:19 · 369 阅读 · 0 评论 -
基于element-ui table中多选框分页时的选择状态管理(一)
由于产品的需求,我们在使用element-ui 的table时,可能会用到带复选框的table,但是,这个复选框在我们使用分页切换下一页时,上一页选中没有提交的选项是没有保存的,因为每一页的数据都是直接从接口获取的,基于这种情况,为了记住我们每一页的选项,我这里分享一种方法,于是便写下了这篇文章。文章目录1、插话2、分析3、方案4、实现5、效果6、总结1、插话 有同学可能会说:“我在切换页码时对该页的选项进行保存也可以呀” 是的,这种方法确实可以,但是呢,如果页数过多,我们每一.原创 2021-01-12 14:00:03 · 508 阅读 · 0 评论 -
Element表格出现闪动问题
Element表格出现闪动问题文章目录Element表格出现闪动问题问题描述解决问题问题描述今天在开发的过程中,使用到了Element的表格组件,但是在数据渲染到表格的时候出现了表头被拉伸,能看得到肉眼可见的闪动,大约是1秒钟左右,这个问题的出现严重影响到了用户体验,得解决!!!问题复现(为了捕捉到闪动这一瞬。。。截图可把我累惨qwq)从第一张图到第二张图的过度,就是闪动的过程。。。。(是不是很抽象。。我是不是应该放一张动图。。)上动图QAQ解决问题之前为了固定表头使用的height原创 2020-09-05 12:25:00 · 2323 阅读 · 0 评论 -
ElementUI表格动态设置表头label数据
业务需求:需要使用Element组件库做一个table表头动态改变的数据table文章目录分析问题解决问题结果展示分析问题我们使用Element的table,常用的方式是通过绑定需要的表格data数据,数据格式为对象数组。这时,对于表头的label,我们通常是直接写死label=‘姓名’<el-table :data="raceData" height="50vh" border style="width: 100%"> /*label='序号'*/ <el-tabl.原创 2020-09-05 11:41:37 · 20867 阅读 · 2 评论