前言
场景:左侧为树,右侧为树的增删改配置,右侧增删改操作之后想要实现左侧树节点的局部刷新,保证用户的体验效果。 (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)
})