el-tree后续需求之解决(更新节点数据、默认选中节点)

一 背景

       el-tree的数据来源,通过后台获取,之前考虑由于刷新数据造成页面闪动的问题,处理方法为不实时刷新el-tree的数据(只考虑到了添加)。

        添加一个treeNode时,成功后,调用后台的getTree重新获取最新数据newData,遍历找到新增的目标对象,将其获取作为当前选中节点的子Node。这样没有刷新整棵树,保证页面不会晃动。

二 引发问题:          

这样的处理方法,并没有考虑到修改树节点名称的情况,这就出现了bug,提示节点名称修改成功后,tree上该节点名称一动不动,如初。而且只要不切换页面,el-tree组件上的值永远都是原值。

解决方法:

(1)可能一下又想到上面的方法,仍旧遍历tree找到目标节点,然后再将改动的内容一一对比,将该目标节点的属性更新即可。不过,这样避免不了两次遍历,实现步骤:

       a.首先要拿到更新成功时该节点的属性;(如果直接从更新表单拿到的表单数据并不是标准的节点格式,并不好比对;所以只能通过调用后台接口获取到新的tree数据

       b.第一次遍历:遍历资源树,找到原目标节点

评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值