接口返回的数据存到本地缓存中(tree也可以)

50 阅读1分钟
          <el-scrollbar style="height: calc(100% - 110px)">
                <el-tree
                  class="filter-tree"
                  :data="data"
                  :default-expand-all="expandAll"
                  :props="defaultProps"
                  :expand-on-click-node="false"
                  :filter-node-method="filterNode"
                  ref="treeList"
                  node-key="id"
                  @current-change="getCheckedNodes"
                  icon-class="el-icon-arrow-right"
                >
                  <span
                    class="el-tree-node__label"
                    :title="node.label"
                    slot-scope="{ node }"
                    >{{ node.label }}</span
                  >
                </el-tree>
              </el-scrollbar>        
      //存
      getCheckedNodes(node) {
                  this.$store.dispatch("setCompanyInfo", node);

                  // //点击节点选中的数据
                  var obj = node;
              //给localStorage里面添加一个key为compangData的字段,并且其value值为obj
              localStorage.setItem("compangData",JSON.stringify(obj))
         //取

              if (window.localStorage.getItem("compangData")) {
                  let user = localStorage.getItem("compangData");
                  user = JSON.parse(user);
                  this.queryParams.companyname = user.label;
                  
                  
                  // 页面刷新清除本地缓存
// window.addEventListener("beforeunload", () => {
//   // localStorage.setItem('compangData', JSON.stringify(this.$store.state.company))
//   localStorage.removeItem("compangData");
// });