element-ui 树形表格更新懒加载数据

Posted 小水皮

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了element-ui 树形表格更新懒加载数据相关的知识,希望对你有一定的参考价值。

 

data()中定义一个map对象存放节点信息

maps: new Map(), 

load()方法中点击加载子节点时保存信息到maps

 const parentId = tree.id;

 this.maps.set(parentId,  tree, treeNode, resolve )

删除和修改的函数中传入fu父级id查找到保存在map对象中的节点信息触发一次load()从而达到更新子节点信息的效果

const  parentId  = row

const  tree, treeNode, resolve  = this.maps.get(parentId)

this.$set(this.$refs.table.store.states.lazyTreeNodeMap, parentId, [])

this.load(tree, treeNode, resolve);



作者:源大侠
链接:https://www.jianshu.com/p/541e7e2a7b02
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

以上是关于element-ui 树形表格更新懒加载数据的主要内容,如果未能解决你的问题,请参考以下文章

element-ui 表格树形数据 的展示和收起

element-ui树结构懒加载

ELement-UI之树形表格(treeTable&&treeGrid)

Element-UI的组件改造的树形选择器(树形下拉框)

vue element-ui tree 根节点固定子节点懒加载 首次加载根节点并展开

vue树形组件懒加载点击加载后,再次点击没反应