liang14658fox

Appearance

WARNING

此文档暂未更新

2. empty状态 ​

  • 整个表格数据为空

仅需加入一列：

html
<template slot="empty">
    <div class="animate__animated animate__fadeInDown">
        <svg-icon icon-class="empty-data" class="empty" />
        <div>
            oh~暂无数据
        </div>
    </div>
</template>
<template slot="empty">
    <div class="animate__animated animate__fadeInDown">
        <svg-icon icon-class="empty-data" class="empty" />
        <div>
            oh~暂无数据
        </div>
    </div>
</template>
  • 单个单元格数据为空

需要给每列里面加入：

html
<template slot-scope="{ row }">
    {{ row.cyyy || '-' }}
</template>
<template slot-scope="{ row }">
    {{ row.cyyy || '-' }}
</template>

4. 表格剩余空间占满 ​

5. 表格内编辑行 ​

6. 表格拖拽排序组件 ​

7. 表格动态增加行+表格内编辑行 ​

8. 表单内镶嵌表格+表单校验+多选联动 ​

9. 表格复选列联动功能 ​

10. loading ​

  • loading要配合表单Button
  • element的loading有时会失效，需要手动覆盖

11. 分页 ​

  • 分页切换时触发查询

12. 字典渲染 ​

  • 从后端得到的表格数据，将value根据另一个接口替换为label
  • 根据表格内容显示状态