vue项目中,扫码登录二维码实时更新

<div id='code'></div>

mounted () {
  //二維碼
  var timestamp = Date.parse(new Date());

  $("#code").qrcode({
    render: "table", //table方式
    width: 100, //宽度
    height:100, //高度
    text: "www.aaa.com" + timestamp.toString() //任意内容
  });

  //userNo 用户编号
  //phone 手机号
  //rank 星级
  //nickName 昵称
  //HeadPic 头像地址
  //token
  //id 用户id
  let formData = new FormData();
  formData.append('code', "\"www.aaa.com\" + timestamp.toString()");
  axios({
    method: 'post',
    url:"http://192.000.00.000:000/v1/user/selectqrcode",
    headers:{"token":sessionStorage.getItem("token"),"sysfrom":"PC","userNo": sessionStorage.getItem('userNo') || 10003811},
    data:formData
  }).then((data)=>{
    if(data.data.code == 1000){
      if(data.data.data.status == 2){
        this.$message.error('系统繁忙,请重试');
      }else if(data.data.data.status == 3){
        sessionStorage.setItem("userNo",data.data.data.userNo);
        sessionStorage.setItem("token",data.data.data.token);
        sessionStorage.setItem("id",data.data.data.id);
        sessionStorage.setItem("phone",data.data.data.phone);
        sessionStorage.setItem("rank",data.data.data.rank);
        sessionStorage.setItem("nickName",data.data.data.nickName);
        sessionStorage.setItem("HeadPic",data.data.data.HeadPic);
        sessionStorage.setItem("FinancePassword",data.data.data.FinancePassword);
      }else if(data.data.data.status == 4){
        this.$message.error('身份不符,请确认身份');
      }
    }
  }, (err) => {
    this.$message.error('服务器错误,请重试');
  });
}

猜你喜欢

转载自blog.csdn.net/weixin_40292626/article/details/79885274