<el-tree
   :data="treeList"
   ref="tree"
   class="vue-tree"
   lazy
   :load="loadNode"
   :highlight-current="true"
   :node-key="nodeKey"
   @node-click="nodeClick"
   :expand-on-click-node="false"
   :props="defaultProps"
 ></el-tree>

// 懶加載獲取樹(shù)形結(jié)構(gòu)
loadNode(node, resolve) {
//調(diào)用接口時(shí)，我們的需求是第一級(jí)傳參為0，后面為當(dāng)前節(jié)點(diǎn)的唯一表示id，可以根據(jù)需求而定
// node.level為0時(shí)，就是tree的第一級(jí)
 const spaceParentGuid = node.level === 0 ? 0 : node.data.spaceGuid
 getDeviceLazyTree({ spaceParentGuid }).then(({ data }) => {
   resolve(
     data.data.map(item => {
       return {
         ...item,
         leaf: !item.hasChildren // 此參數(shù)用來(lái)判斷當(dāng)前節(jié)點(diǎn)是否為葉子節(jié)點(diǎn)
       }
     })
   )
 })
},

defaultProps: {
  children: 'children',
  label: 'spaceName',
  isLeaf: 'leaf'
}

/**
 * 單獨(dú)刷新節(jié)點(diǎn)
 * guid: 當(dāng)前節(jié)點(diǎn)的父級(jí)唯一標(biāo)識(shí)節(jié)點(diǎn)
 */
refreshTreeNode(guid) {
  let node = this.$refs.tree.getNode(guid)
  if (node) {
    node.loaded = false
    node.expand() // 主動(dòng)調(diào)用展開(kāi)節(jié)點(diǎn)方法，重新查詢?cè)摴?jié)點(diǎn)下的所有子節(jié)點(diǎn)
  }
},

data(){
    return{
        maps: new Map(), // 先在你的data內(nèi)搞一個(gè)map用于存儲(chǔ)接下來(lái)必要的數(shù)據(jù)
    }
}

   load(tree, treeNode, resolve) {
      if (treeNode) {
         // 這是我的方法和接口不必照搬只需要將this.maps.set()這一句放到相應(yīng)位置即可
        selectBom({
          code: tree.code,
          ifMba: this.ifMba,
        }).then((res) => {
          if (res.code == 200) {
            resolve(res.data);
            this.maps.set(tree.code, { tree, treeNode, resolve }); 
            // 上面這一句是將你每一次展開(kāi)的節(jié)點(diǎn)存到你剛剛在data內(nèi)定義的map內(nèi)，其他的不重要
            // tree.code是唯一值
          }
        });
      }
    },

    refreshLoadTree(pId) {
      // 根據(jù)更改節(jié)點(diǎn)的父ID取出相應(yīng)數(shù)據(jù)
      const { tree, treeNode, resolve } = this.maps.get(pId);
       
      this.$set(
        // 不要忘記在你的table上寫(xiě)ref
        this.$refs.LoadTable.store.states.lazyTreeNodeMap, 
        pId,
        []
      );
      if (tree) {
        // 將取出對(duì)應(yīng)數(shù)據(jù)再傳給load方法
        this.load(tree, treeNode, resolve); 
      }
    },

//最后只需要在你做修改刪除或者其他操作的地方調(diào)用即可
//括號(hào)內(nèi)傳操作節(jié)點(diǎn)的父節(jié)點(diǎn)（如果自己拿不到可以在接口成功時(shí)讓后端返回）
this.refreshLoadTree(res.data.code);