![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vuex刷新数据消失问题
许洪源
这个作者很懒,什么都没留下…
展开
-
vuex $store.state的值能获取,但是里面具体的值就获取不到
产生此种现象的原因:因为action是异步操作,在commit方法里面再去打印肯定有值了,为什么对象能打印的到:因为对象那个变量是地址,展开的时候对象已经扩充了。所以能看到对象变量都是对象在内存中的地址值,普通数据变量是变量实际的值。所以你打印的那个对象其实在打印的那一刻是空对象,但是你展开的时候,commit操作已经完成,所以对象呗扩展为你期望看到的值。但是普通类型打印的那一刻是什么就是什么解决办法 加一个定时器 console.log(this.$store.state.robot.r...原创 2021-01-04 09:32:29 · 12291 阅读 · 4 评论 -
Vuex持久化插件vuex-persistedstate解决vuex刷新后数据丢失问题
问题描述vuex可以进行全局的状态管理,但刷新后刷新后数据会消失,这是我们不愿意看到的。怎么解决呢,我们可以结合本地存储做到数据持久化,也可以通过插件-vuex-persistedstate。问题点:使用localStroge,sessionStroge,虽然可以保存数据,但是不能做到数据的同步使用vuex虽然可以保持数据的同步,但是页面刷新数据就没了,因为它本身没有真正的存储数据的功能使用vuex-persistedstate解决在命令行下载vuex-persistedstate插件npm转载 2020-12-31 11:50:46 · 471 阅读 · 1 评论 -
vuex刷新数据消失问题
前言vue构建的单页大型项目中,可能会用到Vuex 。Vuex 的状态存储是响应式的,当 Vue 组件从 store 中读取状态的时候,若 store 中的状态发生变化,那么相应的组件也会相应地得到高效更新。但是有一个问题就是:vuex的存储的数据只是在页面的中,相当于我们定义的全局变量,刷新之后,里边的数据就会恢复到初始化状态。但是这个情况有时候并不是我们所希望的。比如,用户已经登录了,我把登录状态放到state中了,一刷新页面,还要重新登录?购物车里的添加的数据,一刷新要重新添加?解决思路:监听页转载 2020-12-31 11:30:13 · 476 阅读 · 0 评论