项目原先是别人写好的,所以他把所有的数据都持久化了,而我需要有的数据不持久化,所以就在这里用的代码记录一下我的修改
1: 全部持久化
下载 ------------------------- npm / yarn install vuex-persistedstate --save
**************store文件夹下的index.js*****************
之后在这个文件里引入:
import createPersistedState from "vuex-persistedstate"
使用: (这里是对所有的数据都进行持久化)
plugins: [createPersistedState({
storage: window.localStorage
}]
2: 部分持久化
plugins: [createPersistedState({
// 这里有人推荐使用paths,但我这里还是使用了reducer,主要还是看个人需求
reducer(val) {
//这里打印的就是所有的数据了,然后对需要的数据进行val.XXX进行持久化操作
console.log(val);
return {
//因个人写法不一,我这直接 val.XXX 就是获取的store里的数据
loginUser: val.loginUser,
//而这个 val.loginUser.XXX 一部分是mutations里的方法和getters里的数据(具体写法结合自己)
updateOdinaryUsers: val.loginUser.updateOdinaryUsers,
updateSystemTime: val.loginUser.updateSystemTime,
setxiangxi: val.loginUser.setxiangxi,
updateLoginUsers: val.loginUser.updateLoginUsers,
cmdData: val.cmdData,
dataImport: val.dataImport,
metaisUseCache: val.metaisUseCache,
middleware: val.middleware,
sjbf: val.sjbf,
systemTime: val.systemTime,
system_configuration: val.loginUser.system_configuration,
work_manage_configuration: val.loginUser.work_manage_configuration,
waiTongData: val.waiTongData,
users: val.users,
user: val.user,
userAdmin: val.userAdmin,
userAdminPwd: val.userAdminPwd,
// 以上return的内容就是持久化的数据,把不需要持久化的数据,不写在里面即可。
}
}
})],