通用组件封装
2024-08-22
由于 element table 组件存在性能问题
,针对该问题,可以通过修改源码引入虚拟列表等方案来处理,或者使用第三方组件,如 vxe-table。另外使用 element 2.15.9 之前的版本会存在表头抖动问题,影响整体渲染性能,具体内容可查看 element 官方相关更新记录。
如果只是使用表格的基础功能,那么可以继续使用 element table
组件;如果是复杂表格,推荐使用 vxe-table
等第三方组件库!
- 目前 VxeListTable 和 VxeTable 组件是基于 vxe-table 组件二次封装,VxeListTable 支持 操作栏、分页、行展开详情、多选、表头分组、表格列显示隐藏、列宽度调整、列固定、单元格背景色调整,VxeTable 仅支持基础表格数据展示及表头分组。
- 可以查看 vxe-table 官方文档,建议后期使用 vxe-grid 高级表格组件来进行重新封装。(待优化)
- InputNumber 组件基于
el-input-number
源码改造,默认值null(原默认值为0)。 - 带
*
的组件及用例为原封装组件,因后续重新调整优化,请参考Bus
组件。 - 各组件仅供参考,如有问题,欢迎提 issues。