点击登录按钮二次才跳转到首页

1.问题描述

点击登录按钮,调取接口,成功后获取数据并跳转到首页,都没有问题,也没有报错,就是点击第一次不跳转,第二次才能跳转,这是代码

this.$message({
            message: "登陆成功",
            type: "success",
          });
  this.$router.push("/home/picture");
  sessionStorage.setItem("token", res.data.token);

2.解决方法

试了好几次才发现这个问题出现的原因是,在点击登录按钮,数据获取成功时先进行跳转然后再把数据存储在本地;(先跳转,再存储)

解决方法:先把数据存储在本地,再进行页面跳转。(先存储,再跳转)

 this.$message({
            message: "登陆成功",
            type: "success",
          });
         
sessionStorage.setItem("token", res.data.token);
this.$router.push("/home/picture");

你可能感兴趣的:(java,前端)