el-tree树节点新增、编辑、删除后局部刷新树

前言

场景：左侧为树，右侧为树的增删改配置，右侧增删改操作之后想要实现左侧树节点的局部刷新，保证用户的体验效果。 (u‿ฺu✿ฺ)

---

一、新增节点

el-tree的updateKeyChildren(key, data) 方法，通过 keys 设置节点子元素。1. 节点 key 2. 增加的子元素数组（这个新增的数据最好由后端在新增接口返回，前端直接新增的话节点没有对应生成的id）

let { updateKeyChildren } = this.$refs.Tree
updateKeyChildren(key, '增加的子元素数组');

二、删除节点

获取需要删除的节点数据集合，遍历，通过el-tree的remove(data)，删除对应的子元素；

如果只能获取到节点keys集合，可以用过getNode(key)方法获取node，再通过remove(node)，删除对应的子元素。

let { remove } = this.$refs.Tree
let dataArr = '需要删除的节点数据集合'
dataArr.forEach((item: any) => {
  remove(item)
})
let keyArr