#青训营笔记创作活动#
2月20日 打卡day41
二次封装 一个el-table,功能包括:
1.表格内容自适应屏幕宽高
2.表格搜索、重置、分页查询 Hooks 封装

思路是把一个表格页面所有重复的功能 (表格多选、查询、重置、刷新、分页、数据操作二次确认、文件下载、文件上传) 都封装成 Hooks 函数钩子或组件,然后在 ProTable 组件中使用这些函数钩子或组件。在页面中使用的时,只需传给 ProTable 当前表格数据的请求 API、表格配置项 columns 就行了,数据传输都使用 作用域插槽 或 tsx 语法从 ProTable 传递给父组件就能在页面上获取到了。
展开
评论