问题描述:实现<el-table>显示树形结构,添加和删除节点不更新问题

解决:百度网里掏出来的临时解决办法

树形结构实现方式:在element官网:https://element.eleme.cn/#/zh-CN/component/table 

  树形数据与懒加载示例有详细代码

 

表头是这样的:

显示功能是实现了,但是添加节点和删除节点不刷新,对于我这个刚接触vue的小白,想尽各种方式去解决,以下是心里路程:

1、每天添加、删除一个节点,查询一次数据,更新tableDate数据,失败

2、刷新界面-不友好

3、 this.$nextTick-失败

后来无意间搜到一个解决办法是直接在table添加:key="Math.random()"、或者任意值,就可以刷新组件如下:

然后就搞定了,不算完美,但也解决了问题。

来源地址:https://www.jianshu.com/p/c56099a4e7f8

如果大家有更好的解决办法,欢迎评论

Logo

前往低代码交流专区

更多推荐