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 懒加载实现修改删除刷新子节点信息
webpack开发与生产环境 性能优化配置 - HMR - 缓存 -tree shaking - 代码分割 - 懒加载 - 预加载 - PWA - 多进程打包 - externals - dll(代码