一 背景
el-tree的数据来源,通过后台获取,之前考虑由于刷新数据造成页面闪动的问题,处理方法为不实时刷新el-tree的数据(只考虑到了添加)。
添加一个treeNode时,成功后,调用后台的getTree重新获取最新数据newData,遍历找到新增的目标对象,将其获取作为当前选中节点的子Node。这样没有刷新整棵树,保证页面不会晃动。
二 引发问题:
这样的处理方法,并没有考虑到修改树节点名称的情况,这就出现了bug,提示节点名称修改成功后,tree上该节点名称一动不动,如初。而且只要不切换页面,el-tree组件上的值永远都是原值。
解决方法:
(1)可能一下又想到上面的方法,仍旧遍历tree找到目标节点,然后再将改动的内容一一对比,将该目标节点的属性更新即可。不过,这样避免不了两次遍历,实现步骤:
a.首先要拿到更新成功时该节点的属性;(如果直接从更新表单拿到的表单数据并不是标准的节点格式,并不好比对;所以只能通过调用后台接口获取到新的tree数据)
b.第一次遍历:遍历资源树,找到原目标节点