博客

vue3中对本地存储的数据多次修改并实时页面显示

  • Post author:
  • Post category:vue


背景：项目中遇到切换用户时，对App页面的信息进行实时显示，登录时存储一次，切换时再次存储；

解决办法：

1.在每次存储的同时存储到pinia中，可解决实时显示问题； 


          import {useCommonStore} from '@/pinia'
………………………………………………………………………………
          ls_setItem(allLocalStorageName.userInfo, res.user);
          let commonStore = useCommonStore();
          commonStore.userInfo=res.user

2.在pinia的state中对值设置本地存储的数据，解决刷新页面时数据丢失问题。 

userInfo:ls_getItem(allLocalStorageName.userInfo),


版权声明：本文为weixin_59017683原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。