解决element-ui中el-tree懒加载load只执行一次问题

问题描述

目前el-tree在lazy=true(懒加载)情况下，只有在首次展开树节点才会执行loadNode方法，合上再次展开则不会执行

如果项目需求每次展开都要实时获取最新节点数据，显然需要寻求实现方法

解决办法

绑定一个节点被关闭时触发的事件handleNodeCollapse， 在每次节点关闭时将loaded（判断节点是否已经加载的唯一标识）重置为false，同时将该节点的所有子节点childNodes清空

<el-tree
  :props="props"
  :load="loadNode"
  lazy
  @node-collapse="handleNodeCollapse"
</el-tree>

<script>
  export default {
    data() {
      return {
        props: {
          label: 'name',
          children: 'childrenList',
          isLeaf: 'leaf'
        },
      };
    },
    methods: {
      loadNode(node, resolve) {
        let res = [] // 接口返回数据
        return resolve(res);
      },
      handleNodeCollapse(data, node) {
      	node.loaded = false
      	node.childNodes.splice(0, node.childNodes.length)
      }
    }
  };
</script>