vue 使用session存取用户信息，页面需要刷新才能正常显示

Question

登陆后将用户信息存在session中，新建了global.vue 用来操作session，

<script>
let UserID = sessionStorage.getItem("userGid");
let userName = sessionStorage.getItem("userName");
export default { UserID, userName };
</script>

然后在main.js 后引入global.vue

import global from './global'
Vue.prototype.GLOBAL = global;

然后在页面使用，在data中声明

 data() {
    return {
      userName: this.GLOBAL.userName
    };
  },

页面加载后没有显示出来用户名字，需要刷新下才可以，不知道是什么原因。

Answer 1

首次打开页面的时候还没有登录你就已经去获取了sessionStorage中的值了， 所以没有值，你要在存到sessionStorage之后再去获取才能拿到。

Answer 2

你好，遇到同样问题