关于el-table在使用自定义合计时合计行无法显示问题
问题
今天在使用elementui的el-table合计功能时发现合计行无法显示
解决
首先,定位问题所在,经过反复刷新发现
- 每次在获取数据之后summary-method的方法都有重新执行
- 在页面未刷新的情况下刷新组件(比如node在热重载之后页面只会刷新相应的组件),则合计行可以显示出来
那么可以基本确定是由于计算合计行的函数在返回之后el-table没有及时刷新dom导致的问题,在翻阅文档后发现
el-table有doLayout()可以用来刷新该组件,那么我就可以给这个组件一个ref
然后在获取数据结束之后手动调用doLayout
最后成功
总结
仔细阅读文档