el-tree 更新节点信息
Aug 6, 2020
公司组织机构管理中需要用到 element-u
的 el-tree
组件,会对公司的结构进行添加或删除,el-tree
节点的加载方式有两种:一种是直接传入所有的节点信息,当然前提是先整理好上下级关系;另一种就是异步动态加载节点。
如果采用第一种方式因为所有数据都已经被加载,所以新增、编辑、删除节点后都可以在源数据上进行更改操作。而用异步加载的方式,新增,可以在新增成功后让后端返回新增节点的 id,然后通过组件提供的 append
、insertBefore
或 insertAfter
直接追加节点,删除可以通过 remove
直接移除,但是如果是编辑的话,需要更新节点信息,而组件并没有提供这样的方法,如果重新加载整个树,那树又要从第一级重新展开。最后我想到的方法是模拟父节点重新加载:
1 | refreshNode(id) { |
这样就完成了节点的更新,也不用重载整个树。