显示本地存储值

时间:2019-11-08 01:43:09

标签: javascript vue.js local-storage

我正在尝试仅显示保存在本地存储中的值,而不显示将在提交登录表单后显示本地存储中所有数据的键值

    welcome <span id="demo"></span>
        <script>

     document.getElementById('demo').innerHTML=localStorage.getItem ("users") === ("username");

  </script>

2 个答案:

答案 0 :(得分:1)

请尝试这个。

let userData = localStorage.getItem ("users") ;
if(userData) {
    userData = JSON.parse(userData);
    document.getElementById('demo').innerHTML = userData[0]['username'];
}

希望这可以解决您的问题。

答案 1 :(得分:0)

首先,您真的不应该将密码保存在localStorage中。

user(不是users)应该是仅包含您不介意甚至其他网站也无法访问的公共信息的对象。

它应该类似于{username: "Something", email: "something@tada.com"}

通过这种方式可以使用它:

let user = localStorage.getItem('user');
if (user) {
    user = JSON.parse(user);
    document.getElementById('demo').innerHTML = user.username;
}