解决 Vue 刷新页面后 store 数据丢失的问题

时间：2019-11-08 00:45:46 收藏：0 阅读：440

原来的状态（页面刷新数据会重置）

state: {
    teamA: ‘主队‘
},
mutations: {
    data_teamA(state, x) {
        state.teamA = x
    }
},

解决后（页面刷新保留store数据）

state: {
    teamA: JSON.parse(sessionStorage.getItem("teamA")) || ‘主队‘
},
mutations: {
    data_teamA(state, x) {
        sessionStorage.setItem(‘teamA‘, JSON.stringify(x))
        state.teamA = x
    }
},

原文：https://www.cnblogs.com/Leophen/p/11817043.html