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 stm32开发clion时遇到的编译问题
  • ¥15 lna设计 源简并电感型共源放大器
  • ¥15 如何用Labview在myRIO上做LCD显示?(语言-开发语言)
  • ¥15 Vue3地图和异步函数使用
  • ¥15 C++ yoloV5改写遇到的问题
  • ¥20 win11修改中文用户名路径
  • ¥15 win2012磁盘空间不足,c盘正常,d盘无法写入
  • ¥15 用土力学知识进行土坡稳定性分析与挡土墙设计
  • ¥70 PlayWright在Java上连接CDP关联本地Chrome启动失败,貌似是Windows端口转发问题
  • ¥15 帮我写一个c++工程