vue路由传参页面刷新所传参数消失

vue.js快跑 专栏收录该内容
52 篇文章 0 订阅

因业务需要发现如下问题:

业务描述:
点击师弟的前往评分,然后使用路由传参将师弟的id给传过去。然后在师兄打分页面进行一个操作。

发现问题:
在师弟页面进行页面刷新之后,就会发现,没有数据了,原因排查发现,页面刷新后,路由传参过来的id没有了。进而导致请求不到数据,进行一些数据操作请求发送不出去。

问题解决:
将路由传参获取到的数据,存储到本地。

 data() {
    return {
      //师弟id   逻辑或的短路运算符多用来赋值,如果this.$route.params.userId有值就是这个值。
      //如果this.$route.params.userId没有值那么就去取第二个数
      shidiId: this.$route.params.userId || window.sessionStorage.getItem("sdId"),
    };
  },
  created() {
     this.getTotalGrade();
     this._currentTotalGrade();
     window.sessionStorage.setItem("sdId", this.shidiId);
  },

在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值