【vue】vuex防止数据刷新数据刷掉

replaceState

  • replaceState(state: Object)

替换store的根状态,仅用状态合并或者时光旅行调试

    // 在页面加载时读取localStorage里的状态信息
    if (localStorage.getItem('store')) {
      this.$store.replaceState(Object.assign({}, this.$store.state, JSON.parse(localStorage.getItem('store'))))
    }

    // 在页面刷新时将vuex里的信息保存到localStorage里
    window.addEventListener('beforeunload', () => {
      localStorage.setItem('store', JSON.stringify(this.$store.state))
    })

  

posted @ 2019-11-29 14:14  文学少女  阅读(734)  评论(1编辑  收藏  举报