本文主要是介绍解决elemen-ui的el-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.datathis.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)}});},
这篇关于解决elemen-ui的el-table的树结构数据,新增修改不刷新问题的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!