vue+element-树形table子节点数据；懒加载出现脏数据问题

问题描述

vue+element 树形结构

 <el-table
    :data="tableData"
    style="width: 100%;margin-bottom: 20px;"
    row-key="id"
     ref="multipleTable"
    border
    default-expand-all
    :tree-props="{children: 'children', hasChildren: 'hasChildren'}">

修改子节点数据，会出现修改后，导致无法在修改或删除child子列表后实时刷新；出现脏数据的问题。

解决方式

添加一个刷新的方法，在增加、修改、删除方法后调用该方法

1、在el-table 标签中添加 ref=“multipleTable”

2、在method方法中添加该方法

refresh() {
  this.$set(this.$refs.multipleTable.store.states, 'lazyTreeNodeMap', {})

},

3、增加、修改、删除方法后调用该方法