iview tree指定节点局部刷新

Question

问题描述

iview tree指定节点局部刷新，现在项目要求修改了的节点下面的数据刷新即可，不必整个tree整体刷新

问题出现的环境背景及自己尝试过哪些方法

iview树是懒加载，我看了一下，它是将查询到的数据自动添加到点击箭头那一级的子级children，如果要替换数据，我暂时还没思路。还有就是因为树有6 7层，每一层数据都很大（涉及到一个市的地址存储），遍历的话基本上行不通，请教其他方法

相关代码

粘贴代码文本（请勿用截图）
暂无代码，请教思路

你期待的结果是什么？实际看到的错误信息又是什么？

iview tree指定节点局部刷新，点击某一个节点，然后操作该节点下的数据，保存提交之后，只需刷新该节点的数据内容并展开

Answer 1

很少有单独针对某个节点修改的接口吧，一般情况是后端提供的接口是你可以修改任意节点，单独或多个，然后请求此接口后端返回你最新的全部节点数据。如果是这样的话好说，你修改完后直接重新覆盖就行。

如果后端返回的数据的确是仅返回你修改的那部分节点的新数据，那就直接去遍历并覆盖旧数据里的对应节点了。

总结下来大概就是：

<div>
 // tree somthing
</div>

<script>
function 节点布局的方法(全部的节点数据){
// 
}

// 更新后
axaj().then((res)=>{
    // 节点布局的方法(res.data)
})
</script>

---

已参与了 SegmentFault 思否「问答」打卡，欢迎正在阅读的你也加入。