开发者社区> 问答> 正文

页面刷新后vuex的state数据丢失怎么解决?

[vue] 页面刷新后vuex的state数据丢失怎么解决?

展开
收起
游客7iokfgo4yexey 2020-05-23 23:16:16 2832 0
1 条回答
写回答
取消 提交回答
  • 首先要搞清楚为什么state数据会丢失。 通常情况state里的初始数据是空,通过mutation或者action的方法获取实际数据后存放在state中。这些方法往往是在某个组件(组件A)的生命周期或者事件中调用。如果在刷新页面的时候这些方法没有被调用(例如此时页面中没有组件A,或组件A的对应事件没有被触发),那么就没有获取实际数据,state的数据就是初始的空。 对症下药,就是要确保刷新页面以后调用对应的获取数据方法。 最万金油的解决是在App.vue的mounted生命周期中去调用这些方法。不管在哪个路由下刷新页面,总会执行。 问题来源于GitHub,查看更多答案,请查看https://github.com/haizlin/fe-interview/issues/389

    2020-05-24 11:45:04
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载