/Components

通用组件封装

Primary LanguageVueMIT LicenseMIT

Components

通用组件封装

更新日期

2024-08-22

前言

由于 element table 组件存在性能问题,针对该问题,可以通过修改源码引入虚拟列表等方案来处理,或者使用第三方组件,如 vxe-table。另外使用 element 2.15.9 之前的版本会存在表头抖动问题,影响整体渲染性能,具体内容可查看 element 官方相关更新记录。

如果只是使用表格的基础功能,那么可以继续使用 element table 组件;如果是复杂表格,推荐使用 vxe-table 等第三方组件库!

说明

  1. 目前 VxeListTable 和 VxeTable 组件是基于 vxe-table 组件二次封装,VxeListTable 支持 操作栏、分页、行展开详情、多选、表头分组、表格列显示隐藏、列宽度调整、列固定、单元格背景色调整,VxeTable 仅支持基础表格数据展示及表头分组。
  2. 可以查看 vxe-table 官方文档,建议后期使用 vxe-grid 高级表格组件来进行重新封装。(待优化)
  3. InputNumber 组件基于 el-input-number 源码改造,默认值null(原默认值为0)。
  4. * 的组件及用例为原封装组件,因后续重新调整优化,请参考 Bus 组件。
  5. 各组件仅供参考,如有问题,欢迎提 issues。

element

  1. BaseDialog 基础弹窗
  2. BusForm 业务表单
  3. BusListTable 业务查询表格
  4. BusTable 业务表格
  5. InputNumber 业务数字框
  6. FormItemGroup 表单组
  7. *BaseForm 基础表单
  8. *BaseFormSearch 查询表单
  9. *BaseFormWork 业务基础表单
  10. *BaseTab 基础选项卡
  11. *BaseTable 基础表格
  12. *BaseTableSearch 查询表格
  13. *BaseTableWork 业务基础表格

vxe

  1. *VxeListTable 列表表格
  2. *VxeTable 基础表格

examples

  1. fullBusinessUseCase 业务完整 Demo
  2. *editPageByElement 编辑页 Demo
  3. *listPageByVxe 列表页 Demo
  4. *searchPageByElement 搜索页 Demo