Vue：如何从本地存储访问用户信息

Question

我正在用 Vue js 构建一个项目，并且我在登录后使用 Vue 会话来保存用户信息，我正在尝试访问用户信息（角色），如下所示，但是当我访问时它给了我他的所有信息打字
控制台.log(sessionStorage.user);我也试过 console.log(sessionStorage.user.role);但它没有用，关于如何访问唯一角色有什么帮助吗？并提前感谢

登录页面

  await axios
          .post("api/user/login", this.login)

          .then((response) => {
            console.log(response);
            let newToken = response.data.response.token;
            window.token = newToken;
            let user = response.data.response.user; //response
            sessionStorage.setItem("token", newToken);
            sessionStorage.setItem("user", JSON.stringify(user));

登录区

console.log(sessionStorage);
console.log(sessionStorage.user)

Answer 1

读取sessionStorage项的语法如下：

sessionStorage.getItem('key');

docs

Answer 2

试试这个：

console.log(JSON.parse(sessionstore.user).role)

您使用JSON.stringify 存储数据，因此您必须解析数据！