取出window.sessionStorage中的用户信息

Question

我在登录页面上放了window.sessionStorage,想取出存在里面的username,nickname,mail,role在个人中心使用，请问应该怎么取出使用呢？
我的登录代码如下：

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",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="140">
              <el-table-column prop="username" label="用户账号"></el-table-column>
              <el-table-column prop="nickname" label="用户昵称"></el-table-column>
              <el-table-column prop="email" label="用户邮箱"></el-table-column>
              <el-table-column prop="roles" label="用户角色" width="150"></el-table-column>
            </el-table>
          

Answer 1

window.sessionStorage.getItem("user");这样获取，如果你存储的user是js对象的话需要先转为json字符串存储

// 假设 res.user 为以下对象
const user = {
  name: "John",
  age: 30,
  email: "[e-mail]"
};

// 将 user 对象存储到浏览器会话存储中
window.sessionStorage.setItem("user", JSON.stringify(user));
// 获取名为 user 的对象
const storedUser = window.sessionStorage.getItem("user");
if (storedUser) {
  const user = JSON.parse(storedUser);
  console.log(user);
}