关于网页中获取localstorage不是最新数据

Question

登录后,后端返回功能权限的一些数据

但是获取的时候打印出来的确是上一次保存的localstorage数据,需要手动刷新页面才会更新.console的数据如下图

在退出登录后已经清空了localstorage,并在登录后重新赋值

import localStorage from '../api/localStorage'

const menus = localStorage.getUser().menus
const children = []
for (const items of menus) {
  for (const item of items.children) {
    children.push(item)
  }
}
const functionPermissions = function(path, type) {
  for (const item of children) {
    if (item.url === path) {
      switch (type) {
        case '查询':
          console.log(item)
          return item.readAccess === 1
        case '新增':
          return item.createAccess === 1
        case '编辑':
          return item.updateAccess === 1
        case '删除':
          return item.deleteAccess === 1
      }
    }
  }
}

export default functionPermissions

并在main.js中注册成为全局方法

烦请大佬帮忙看看,非常感谢

Answer 1

读localStorage和接口成功后写localStorage怕是岔开了吧，咋着现在还有人不管异步流程吗

Answer 2

在路由导航守卫当中去实现这个获取权限嘛，判断localStorage当中存在就next() 不存在就调用获取权限的方法

Answer 3

楼上的人们都说的对。就是因为读在写之前了。那无非就是下面的办法。

1. 先写后读
2. 写完之后，重新读一遍赋值。
3. 每次都重新读，不存变量（因为是字符串，序列化多了会慢一点）