element的el-tree树结构-添加或删除子节点后(也就是数据刷新后)-保持节点状态不发生改变

 element-UI中el-tree在添加或删除子节点后,也就是每次刷新树后就会关闭(收上去),体验感不友好!

解决办法:

利用node-expand和node-collapse监听树展开和关闭的状态;

把展开的节点id  push给defaultExpandKeys,保持展开状态;

再次点击此节点时-再从defaultExpandKeys数组内对应的id(节点)扔出去;

//@node-click="nodeClick" -----点击事件; 

//@node-expand="unfoldTreeState" -----节点被展开时触发的事件;

//@node-collapse="foldTreeState" -----节点被关闭时触发的事件;

 // :default-expanded-keys="defaultExpandKeys"-----默认展开节点;

// :expand-on-click-node="false" ----- false时则只有点箭头图标的时候才会展开或者收缩节点。

实现代码

<template>

<div>

//1.tree的样式

        <el-tree ref="topicTree"
                 :data="treeData"
                  node-key=