我们项目中使用的表格一般都比较类似，如果不进行封装的话，那么每个页面都可能有一些类似的代码。不仅浪费时间，而且由于开发人员不同的开发习惯。后期维护人员需要花费一点时间去看每个人的代码。所以我直接将表格做一个二次封装，只要一个人去维护这份代码即可。下面是我封装的内容
内容：
1、支持直接传入后台请求地址渲染列表，且参数修改之后自动刷新
2、支持自定义每一列的显示
3、支持根据内容自动撑开列宽
4、支持动态筛选表头
5、支持分页
6、防抖
7、列权限
...
更多请自行尝试
以下是tableList 组件的代码
{{item}} {{$utils.nvl(scope.row[column.field],'--')}} @import './style/index';
使用方法
{{format(data.birthday)}}
以下是显示效果
到此这篇关于基于Element封装一个表格组件tableList的使用方法的文章就介绍到这了,更多相关Element tableList内容请搜索考高分网以前的文章或继续浏览下面的相关文章希望大家以后多多支持考高分网！
