rw941123 2023-03-27 15:27 采纳率: 80%
浏览 96
已结题

将sessionStorage中存的数据分别取出

我在登录页面放了一个sessionStorage存放登录的用户信息,在另一个个人中心页面我想将里面的信息取出,分别填进这个个人信息表格中,请问应该怎么写呀
登录代码如下:

handleSubmit:function (){
      this.$refs.userLoginFormRef.validate(async valid => {
        if(!valid) return;
        const{data: res} = await this.$http.post("login",this.userLoginForm);
        if ( res.flag == "ok"){
            Cookies.set('username',this.userLoginForm.username)
            window.sessionStorage.setItem("user",JSON.stringify(res.user));//存储user对象
            this.$message.success("登陆成功~");
            this.$router.push({path:"/Home"});

        }else {
          this.$message.error("登录失败~");
        }
      })
    }

个人中心页面代码如下:

<div class="right" style="float:right;width:640px;">
            <el-table :data="tableInfo" border height="120px">
              <el-table-column prop="username" label="用户姓名"></el-table-column>
              <el-table-column prop="email" label="用户邮箱"></el-table-column>
              <el-table-column prop="roles" label="用户角色"></el-table-column>
              <el-table-column prop="roles" label="用户状态" ></el-table-column>
            </el-table>
          
  • 写回答

4条回答 默认 最新

  • Sóul mǎte° 2023-03-27 15:53
    关注
    getItemData(){
     let user=JSON.parse(window.sessionStorage.getItem('user'));
        if(Object.keys(user).length){
           this.tableInfo=user;
     }
    }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(3条)

报告相同问题?

问题事件

  • 系统已结题 4月4日
  • 已采纳回答 3月27日
  • 创建了问题 3月27日

悬赏问题

  • ¥15 微信会员卡等级和折扣规则
  • ¥15 微信公众平台自制会员卡可以通过收款码收款码收款进行自动积分吗
  • ¥15 随身WiFi网络灯亮但是没有网络,如何解决?
  • ¥15 gdf格式的脑电数据如何处理matlab
  • ¥20 重新写的代码替换了之后运行hbuliderx就这样了
  • ¥100 监控抖音用户作品更新可以微信公众号提醒
  • ¥15 UE5 如何可以不渲染HDRIBackdrop背景
  • ¥70 2048小游戏毕设项目
  • ¥20 mysql架构,按照姓名分表
  • ¥15 MATLAB实现区间[a,b]上的Gauss-Legendre积分