解决element ui的table懒加载只执行一次的问题

文章不易，请关注公众号 毛毛虫的小小蜡笔，多多支持，谢谢。

问题

有个需求是这样的：需要在table中加入展开行的功能。

看到element文档上可通过type="expand"实现，但例子只是form表单（“展开行”的例子）。
后面看到有table的例子（“树形数据与懒加载”），可通过设置lazy属性和load函数来实现。

如下所示：

但整合到项目中，发现load只执行了一次。也就是第二次点击小箭头，是不会发请求的。
这样就会有点问题，因为如果在别的页面更改了展开行的数据，那只能通过刷新页面来更新当前展开行的数据。

解决方案

看了element的文档，没找到解决方案。
后面结合expand-change事件，发现是可以解决的。

大概是load的时候，需要借助expand-change事件来再次触发load的执行。

代码如下所示：

详情 请查看：毛毛虫的小小蜡笔