vuex 刷新后数据消失，使用localStorage

最新推荐文章于 2024-07-05 17:45:13 发布

原创最新推荐文章于 2024-07-05 17:45:13 发布 · 789 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vuex

Vue 专栏收录该内容

43 篇文章

订阅专栏

本文介绍了一种使用localStorage存储和读取对象数据的方法，并提供了一个基于Vuex的状态管理示例，展示了如何通过Mutation更新本地存储中的数据。

本地存储 object 数据

const state = {
  busChildDetail:JSON.parse(localStorage.getItem("busChildDetail"))||{},
  policyInfo:JSON.parse(localStorage.getItem("policyInfo"))||{},
}

const mutations = {
  SET_BUSCHILDDETAIL(state, busChildDetail) {
    state.busChildDetail = busChildDetail;
    localStorage.setItem("busChildDetail",JSON.stringify(busChildDetail))

  },
  SET_POLICYINFO(state, policyInfo) {
    state.policyInfo = policyInfo;
    localStorage.setItem("policyInfo",JSON.stringify(policyInfo))
  }
}

也可以使用vuex-persistedstate插件