1.手动解决
vuex里面存放的数据,页面一经刷新会丢失:
解决办法: 存放在localStorage或者sessionStorage里面,进入页面时判断是否丢失,丢失再去localStorage或者sessionStorage里面取;
在app.vue根组件的created里面判断是否丢失,在进行上面的操作;
2.vuex-persistedstate 插件
插件使用方法https://www.jianshu.com/p/c22861ec5f21
import createPersistedState from ‘vuex-persistedstate’
export default new Vuex.Store({
state,
getters,
mutations,
actions,
plugins: [createPersistedState()]
)}