关于el-table在使用自定义合计时合计行无法显示问题

问题


今天在使用elementui的el-table合计功能时发现合计行无法显示

解决


首先,定位问题所在,经过反复刷新发现

  • 每次在获取数据之后summary-method的方法都有重新执行
  • 在页面未刷新的情况下刷新组件(比如node在热重载之后页面只会刷新相应的组件),则合计行可以显示出来
    那么可以基本确定是由于计算合计行的函数在返回之后el-table没有及时刷新dom导致的问题,在翻阅文档后发现

    el-table有doLayout()可以用来刷新该组件,那么我就可以给这个组件一个ref

    然后在获取数据结束之后手动调用doLayout

    最后成功

总结


仔细阅读文档

引用


https://zhuanlan.zhihu.com/p/363106576

posted @ 2022-12-08 11:59  BigFace123  阅读(486)  评论(0编辑  收藏  举报