解决elemen-ui的el-table的树结构数据,新增修改不刷新问题
前提:我这个是根据后端返回的全量数据来递归做的load方法,并没有接口根据id来load子节点,不过功能类似,根据需要修改。前面有写过关于后端返回全量数据,但前端节点过多table树卡顿问题。我这边在刷新的时候先重新获取全量数据把备份数据修改了。树刷新主要是参考(抄)这个大佬的,大家可以看这个。
·
前面有写过关于后端返回全量数据,但前端节点过多table树卡顿问题
有兴趣可以看看这篇
https://blog.csdn.net/qq_44179024/article/details/136058117?spm=1001.2014.3001.5501
前提:我这个是根据后端返回的全量数据来递归做的load方法,并没有接口根据id来load子节点,不过功能类似,根据需要修改
树刷新主要是参考(抄)这个大佬的,大家可以看这个
https://blog.csdn.net/fynzhy/article/details/116024050
我与大佬不同的就是
我这边在刷新的时候先重新获取全量数据把备份数据修改了
所以记录一下
refresh(parentId) {
// 重新获取全量数据修改备份数据
listOrgAll(this.queryParams).then(res => {
this.orgList = res.data
this.orgListCopy = JSON.parse(JSON.stringify(res.data)) // 备份的全量数据
// 获取对应的map中的数据
const { tree, treeNode, resolve } = this.maps.get(parentId)
// 先置空
this.$set(this.$refs.multipleTable.store.states.lazyTreeNodeMap, parentId, [])
// 重新load数据
if (tree) {
this.load(tree, treeNode, resolve)
}
});
},
DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。
更多推荐


所有评论(0)