[JavaScript知识库]elementui中如何实现tree组件的手动加载

需求: 添加一个按钮,用户可以实现刷新功能,当用户点击刷新功能后,tree组件进行一次刷新
实现:
1.添加点击事件

 <el-button type="primary" @click="refreshData">刷新</el-button>

2.定义两个对象,分别来存放tree中的node和reslove

     treeNode: {},
     treeResolve: {}

3.在tree组件中的load事件里将node和reslove赋值给上面的两个变量

getWbsTree(node, resolve) {
      if (node.level === 0) { //一级节点处理
        this.treeNode = node
        this.treeResolve = resolve
      }
      modelPid.getWbsTree(this.pbsId, node.key ? node.key : '').then((data) => {
        resolve(data)
      }).catch(() => {
        resolve([])
      })
    },

4.在点击事件中再发起一次load事件

 refreshData() {
      this.filterText = ''
      this.treeNode.childNodes.splice(0) //把存起来的node的子节点清空，不然会界面会出现重复树
      this.getWbsTree(this.treeNode, this.treeResolve)
    },