首页 > 解决方案 > nuxt js 商店在新鲜时丢失 id

问题描述

我在 nuxt js 中使用 store 来存储项目的 id,以便我可以查看项目的详细信息,这是因为我有两个仪表板,管理仪表板和项目仪表板,所以我遇到的问题是每当我刷新浏览器商店失去了身份证,我做错了什么?

商店代码中的操作

 makeitemId({commit},payload){
          commit('makehouseId',payload)
        },

每次用户单击项目时都会发送 makitemid,从而更新我的商店

标签: vue.jsnuxt.js

解决方案


您应该将vuex-persistedstatevuex一起使用

所以使用下面的命令安装

npm install vuex-persistedstate

并像这样在存储到 index.js 中使用

import createPersistedState from 'vuex-persistedstate'

const store = new Vuex.Store({

  plugins: [createPersistedState()]

//write your mutation , dispatcher and getters stuff
})

所以,现在刷新后一切都会存在


推荐阅读