美文网首页vue、javascript
elementUI el-table 懒加载实现修改删除刷新子节

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

作者: 源大侠 | 来源:发表于2020-12-26 18:22 被阅读0次

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);

相关文章

网友评论

    本文标题:elementUI el-table 懒加载实现修改删除刷新子节

    本文链接:https://www.haomeiwen.com/subject/gtbgnktx.html