Vuex持久化状态不会在关闭选项卡后删除状态

如果只想在当前选项卡的生存期内存储数据,则需要在 sessionStorage 而不是在 localStorage 。 vuex-persistedstate 这对你来说很简单。

创建此插件的实例时,可以指定一个options对象,如果要使用该对象,则该对象可以具有指向sessionstorage的链接。

从“vuex persistedstate”导入createpersistedstate

const store = new Vuex.Store({
    // ...
    plugins: [createPersistedState({
        storage: window.sessionStorage,
    })],
})