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

原文地址:https://www.cnblogs.com/Hziyang/p/12334991.html

时间: 2024-07-31 08:54:25

elementui tree懒加载刷新问题的相关文章

vue elementUi tree 懒加载使用详情

vue elementUi tree 懒加载使用详情 2018年11月21日 11:17:04 开心大表哥 阅读数:3513 https://blog.csdn.net/a419419/article/details/84315751 背景: vue下使用elementUI 文档: http://element-cn.eleme.io/#/zh-CN/component/tree#tree-shu-xing-kong-jian 需求: 只保存二级节点中选中的数据:不保存一级节点选中的数据. 效果

element-ui树结构懒加载

在实际项目中,往往树结构数据量较大,这时树节点必须懒加载 element-ui树的懒加载: <div style="width:100%;height:420px;overflow: auto;"> <el-tree lazy :load="getOrgList" :props="defaultProps" highlight-current @node-click="handleNodeClick">

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

近期根据需求,要做一个懒加载的组织树,并且可以编辑组织树.但是编辑了之后无法进行实时更新. 一开始想到了很多解决方案,也在网上参考了很多方案,但是都又种种不足. 所以我去看了elementUI的tree组件的懒加载方法的源代码 Node.prototype.loadData = function loadData(callback) { var _this5 = this; var defaultProps = arguments.length > 1 && arguments[1]

Ionic -- Refresher &amp; InfiniteScroll 下拉刷新与滚动懒加载

下拉刷新和滚动加载在移动端是很常见的需求,Ionic 为我们提供了开箱即用的组件.在这里我结合自己做的小demo简单介绍下. Template 在模板中需要将 ion-refresher 组件放置在 ion-content 内部的首位,将 ion-infinite-scroll 置于尾部. <ion-refresher (ionRefresh)="doRefresh($event)"> <ion-refresher-content pullingIcon="

代码: 两列图片瀑布流(一次后台取数据,图片懒加载。下拉后分批显示图片。图片高度未知,当图片onload后才显示容器)

代码: 两列图片瀑布流(一次后台取数据,无ajax,图片懒加载.下拉后分批显示图片.图片高度未知,当图片onload后才显示容器) [思路]: 图片瀑布流,网上代码有多种实现方式,也有各类插件.没找到合意的,所以根据网上找的一段代码,进行了较大改动. 需引用 zepto 或 jquery. 我这个是应用于手机上的,两列瀑布流,图片高度未知——等图片的onloaded事件触发后,才对容器进行计算和定位. 大容器是 $("#imgList"),容器格子是$(".pin"

图片懒加载(仿SDWebImage)

1.图片缓存 #import "UIImageView+WebCache.h" #import "ImageDownloader.h" @implementation UIImageView (WebCache) - (void)setImageWithUrl:(NSString *)urlStr andPlaceHolderImage:(UIImage *)image andIsScrolling:(BOOL)isScroll { self.image = ima

iOS 之懒加载

今天很坑爹,做界面的时候,tableview 明显做了复用了,数组也做了懒加载了,获取数据前也把数组给清空了,但是每次获取数据刷新表格的时候,数据确重复覆盖了(重复创建),后来给 cell 加了个白色的背景图片后还是不行,无奈,只好另想他法,想获取数据时直接弹出来一个 view 直接覆盖原来的 tableview ,但这样做来用户的体验度确不高,无奈,再次选择放弃,对了,之前有试过在获取数据前有想过把 [tableview removeFromSuperview];(删除)的,但是效果还是不行,

天猫首页迷思之-有层次的懒加载

懒加载是众所周知的减少网页负载,提高性能的方法,不少大型用图片用的多的网站都用到了. 于是我网上一搜,得到一插件:jquery.lazyload    网址:http://www.appelsiini.net/projects/lazyload 然而看了简单的demo之后,仍然只会写这种按照独立的控件来懒加载的代码: $("img main").lazyload({placeholder:"images/cat_change_cloth.gif"}); 既然要做一个

懒加载一定要记得判断是否存在该对象!

今天发现一个问题搞了一个下午,异步网络加载和表格刷新控件混用的时候,懒加载出现了问题 之前我是这样写的 /**  *  初始化表格  */ - (UITableView *)tableView {              _tableView = [[UITableView alloc]                       initWithFrame:CGRectMake(0, TABLETOPVIEW_HEIGHT, SCREEN_WIDTH,