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

学不会JS不改名字
  • 86

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

image.png

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

image.png

在退出登录后已经清空了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中注册成为全局方法

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

回复
阅读 496
3 个回答

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

TorTorMore
  • 4
新手上路,请多包涵

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

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

  1. 先写后读
  2. 写完之后,重新读一遍赋值。
  3. 每次都重新读,不存变量(因为是字符串,序列化多了会慢一点)
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏