刷新页面数据丢失

登录页面是login,首页是home,登录成功之后从login跳转到home,且接口返回了左边栏数据(即tree树形结构的数据)所以需要将数据从login传到home
这里用到是路由传参 query 加了JSON.stringify

 this.$router.push({name:'home',query:{'tree':JSON.stringify(this.treeList)}});

在home中进行接受 this.treeList=JSON.parse(this.$route.query.tree);
但是刷新home页会出现数据丢失 因为刷新页面没有从login跳转过来,所以home页获取不到数据
解决方法:

 if(window.location.search){
        this.treeList=JSON.parse(this.$route.query.tree);
        sessionStorage.setItem("treeList", JSON.stringify(this.treeList));
        this.$router.push('/dangan')
      }else{
        this.treeList=JSON.parse(sessionStorage.getItem("treeList"));
        this.$router.push('/dangan')
      }

将这段代码放入created中 进入home页先判断时候有?之后的数据
如果有测说明是从login跳转过来的 ,那就通过 this.treeList=JSON.parse(this.$route.query.tree)获取并存起来 sessionStorage.setItem("treeList", JSON.stringify(this.treeList));
如果没有 则说明是刷新的 那就去拿存储的数据this.treeList=JSON.parse(sessionStorage.getItem("treeList"));

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值