首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
Vue2 + ElementUI 组件封装
Johnnie_Walker
创建于2024-12-06
订阅专栏
对于常用的组件进行二次封装
等 1 人订阅
共4篇文章
创建于2024-12-06
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
Vue2 + ElementUI -- el-table 的 SimpleTable 封装 变种(自适应高度 - 固定高度篇 - 半灵活)
效果 解决的问题 UI 要求底部分页固定在底部,表格高度自适应,且表格内容区滚动,表头是不动的 思路 借助父级 dom 实现 高度 自适应的 el-table 考虑 resize 的情况,resize
Vue2 + ElementUI -- el-table 的 SimpleTable 封装 变种(自适应高度 - 固定高度篇 - 全灵活)
效果 解决的问题 UI 要求底部分页跟随表格高度,达到内容区的最大高度时,采用滚动展示数据 思路 不让使用固定高度,高度应是动态的 考虑 resize 的情况,resize 后要重新计算高度问题 实现
Vue2 + ElementUI -- el-table 的 SimpleTable 封装 变种(支持滚动加载)
基于 《Vue2 + ElementUI -- el-table 的 SimpleTable 封装 》扩展支持滚动加载更多的功能 效果 实现 安装插件 el-table-infinite-scroll
Vue2 + ElementUI -- el-table 的 SimpleTable 封装
效果 痛点 解决列过多,导致 html 代码量太大,不便于维护 基于数据驱动渲染的原理 方案 HTML JS CSS 用法