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

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

业务描述：
点击师弟的前往评分，然后使用路由传参将师弟的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);
  },