首页 > 其他分享 >element-ui重载树列表(懒加载)

element-ui重载树列表(懒加载)

时间:2023-04-18 11:44:06浏览次数:31  
标签:node load resolve ... tree element loadNode ui 重载

在tree的:load方法中,将默认参数node,resolve两个参数存放到全局变量中;

在对树节点进行操作后,对全局变量中的node.childNodes赋值为[空数组],

最后重新调用tree的:load方法(参数为存放在全局的变量);

代码如下:

<el-tree
ref="tree2"
:props="props"
:load="loadNode"
lazy node-key="lable"
show-checkbox check-strictly
@check="handleCheckChange">
...
</el-tree>

loadNode(node, resolve) {
...
if (node.data.type == 1){
this.tree_node = node;
this.tree_resolve = resolve;
...
return resolve(res.data);
})
}
}
},

/* 删除节点后重载树 操作节点后调用方法 */
reloadTree(){
this.tree_node.childNodes = [];
this.loadNode(this.tree_node,this.tree_resolve);
},

标签:node,load,resolve,...,tree,element,loadNode,ui,重载
From: https://www.cnblogs.com/kaoo-kiee/p/17329042.html

相关文章

  • 瓴羊quickbi工具的妙用:多场景多业务下的数据整合与分析
    瓴羊QuickBI近日内推出了30天免费试用的活动,对于想要引入大数据分析工具的企业来说可谓是千载难逢的机会。想要免费体验瓴羊bi工具,只需要搜索“瓴羊QuickBI”,进入瓴羊QuickBI官网,就能申请参加这个免费活动,体验瓴羊QuickBI的大数据处理能力了。在数字经济时代,人们常常用数据量、......
  • elementUI Table 表格编辑数据后停留当前位置
    后台管理系统在实际开发中,表格如果在一定高度出现滚动条。这时如果对表格行数据进行编辑或者拖拽排序操作,数据刷新后滚动条会默认回到顶部,这样体验会不太好。如果想保留在当前位置可以这样操作:1.el-table标签添加ref属性<el-table:data="tableData"v-loading="tableLoading......
  • EasyUI Linkbutton 链接按钮/easyui的学习网站
    https://www.jeasyui.net/plugins/187.html关于easyui的学习,可以在这个网站:https://www.jeasyui.net/链接按钮(linkbutton)用于创建一个超链接按钮。它是一个正常的<a>标记的表示。它可显示图标和文本,或者仅仅显示图标和文本中的一个。按钮宽度可动态收缩/扩展以适应其文本标签......
  • C++重载的奥义之运算符重载
    0、引言        重载,顾名思义从字面上理解就是重复装载,打一个不恰当的比方,你可以用一个篮子装蔬菜,也可以装水果或者其它,使用的是同一个篮子,但是可以用篮子重复装载的东西不一样。        正如在之前的文章《重载的奥义之函数重载》中介绍的类似,函数的重载是指利......
  • BurpSuite密码爆破技巧
    在渗透测试中,弱口令是一种常见的安全漏洞,因为许多用户倾向于使用简单的、容易猜测的口令,攻击者可以通过尝试不同的口令组合,找到正确的口令,从而获取系统的访问权限。因此,弱口令是渗透测试中必须重点关注的一个方面。这里说下使用BurpSuite爆破弱口令的一些技巧,适合小白。BurpSuit......
  • ReactiveUI使用笔记,教程总结
    ReactiveUI使用笔记,教程总结一、LINQ和RxLINQ(LanguageIntergratedQuery)对数据集合、关系数据、XML文件等对象进行查询和提取数据的技术,提供了统一的类似SQL的语法来对数据进行查询,而不用关心数据源的不同。二、Rx(ReactiveExtensions)对LING的一种扩展,提供了一种新的组织和......
  • vSphere Web Client 添加主机进VSAN集群时报错“SAN 主机移至目标群集: vSAN 群集的 U
    案例描述vSphereWebClient添加主机进VSAN集群时,报“无法将vSAN主机移至目标群集:vSAN群集的UUID不匹配(主机:5223a6c9-cf94-f978-1abb-9906506626be,目标:523ae663-623b-e2fc-39e3-43b15c5ca801)。”错误。原因分析是因为该esxi主机已经加入过其它集群,和现在新加......
  • C++重载的奥义之运算符重载
    0、引言        重载,顾名思义从字面上理解就是重复装载,打一个不恰当的比方,你可以用一个篮子装蔬菜,也可以装水果或者其它,使用的是同一个篮子,但是可以用篮子重复装载的东西不一样。        正如在之前的文章《重载的奥义之函数重载》中介绍的类似,函数的重载是指利......
  • 重载和覆盖
    方法的重载(overload)和覆盖(override 有的时候,类的同一种功能有多种实现方式,到底采用哪种实现方式,取决于调用者给定的参数。例如我们最常用的System.out.println()能够打印出任何数据类型的数据,它有多种实现方式。运行时,Java虚拟机先判断给定参数的类型,然后决定执行哪个......
  • IDEA 配置Serializable的快捷键快速生成serialVersionUID
    IDEA配置Serializable的快捷键快速生成serialVersionUID原文链接:https://blog.csdn.net/GyaoG/article/details/119911851一、引言    在Java的序列化机制中是通过判断类的serialVersionUID来验证版本的一致性的,JVM会将接到的Java对象字节流中的serialVersionUID和本......