elementui tree懒加载刷新问题

Posted hziyang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了elementui tree懒加载刷新问题相关的知识,希望对你有一定的参考价值。

在用elementUi el-tree懒加载的时候,发现只加载一次,即使数据刷新了,但是tree就是不刷新。

解决思路

//首先是保持根节点
loadNode(node, resolve) {
      //    
      if (node.level === 0) {
        this.node_had = node;//这里是关键!在data里面定义一个变量,将node.level == 0的node存起来
        this.resolve_had = resolve;//同上,把node.level == 0的resolve也存起来
        request.post("/gljs/queryjs").then(res => {
          if (res.errorCode === 0) {
            return resolve( res.data);
          }
        });
      } else {
        request.post("/gljs/querygnsbyjs").then(res => {
          if (res.errorCode === 0) {
            resolve(res.data);
          }
        });
      }
    }
//当请求新数据时,两行代码就可以了。
requestNewData() { this.node_had.childNodes = [];//把存起来的node的子节点清空,不然会界面会出现重复树! this.loadNode(this.node_had, this.resolve_had);//再次执行懒加载的方法 ...//下面的代码省略 }

  

————————————————
版权声明:本文为CSDN博主「GodSuno0」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_34092675/article/details/100942064

以上是关于elementui tree懒加载刷新问题的主要内容,如果未能解决你的问题,请参考以下文章

ElementUI的el-tree实现懒加载查询和直接全部查询出来

笔耕不辍 elementUI el-tree实现懒加载和直接查询实现

elementUI el-table 懒加载实现修改删除刷新子节点信息

关于Element UI tree组件 懒加载的更新操作

el-tree 懒加载搜索累加回显选中的节点

webpack开发与生产环境 性能优化配置 - HMR - 缓存 -tree shaking - 代码分割 - 懒加载 - 预加载 - PWA - 多进程打包 - externals - dll(代码