树形表格(el-table)懒加载(lazy)添加编辑删除的局部更新

 如上图所示，当我们对最后一个节点（一部/三部）进行编辑，删除或者添加门店团队时，希望操作完成后，数据更新只是（一区）下面的数据或者对应操作按钮的节点进行局部更新，树形展开情况保持住。

首先，在data(){}中定义一个maps:new Map();

data(){

        return(){

                maps: new Map(),

        }

}

第二，当数据进行懒加载时把点击的节点数据存储在map中

methods:{

        

load(tree, treeNode, resolve) {

  //getData()是懒加载获取数据的方法

      this.getData(tree, resolve);

//接下来是map的set存储,key值是点击节点的id,value是load接收的参{tree,treeNode,resolve}

      this.maps.set(tree.id, { tree, treeNode, resolve })    

    },

}

第三，获取map中的数据

methods:{