vue项目中使用element UI中的el-tree刷新后保持节点展开状态

最近在搞一个前后端分离的项目，有一个菜单页面，使用的是element UI中的el-tree，但是在刷新后父节点关闭了展开状态，这让我很苦恼啊，找了很多资料，没有找到适合我这个情况的，于是采用了一种用sessionStorage存储点击了哪个就让哪个展开的方法，代码如下
首先，需要将点击的一级节点的某一个属性值保存到sessionStorage中，我采用的是id（因为菜单列表是动态获取的），一级节点的pid为空值

handleNodeClick(data) {
      if (data.pid == '' || data.pid == null) {
        sessionStorage.setItem('id', data.id)
      }
    }

然后在点击链接跳转到另一个页面后，在取出id值

const id = sessionStorage.getItem('id')
      this.idArr.push(id)

重要的是
在el-tree使用时，要加上
node-key=“id”
:default-expanded-keys=“idArr”

<el-tree