[英]How to save a array object into Chromes local storage
我正在构建一个预算计算器应用程序,它应该将用户数据保存到 chromes 本地存储中。 想法是每个人都可以从他的设备上使用这个应用程序,而无需数据库。
我坚持将我的整个数据状态保存到本地存储中。 我做了一个屏幕截图来展示我的意思和我得到的东西,而不是对象数组。
正如你所看到的,我没有保存数组,我不知道为什么。
这是代码:
import Vue from 'vue';
import Vuex from 'vuex';
Vue.use(Vuex);
export default new Vuex.Store({
state: {
users: [
{
userName: 'John',
salary: 2000,
leftover: 0,
active: false,
inc: [],
exp: []
}
]
},
getters: {
users: state => {
return state.users;
}
},
mutations: {
addNewUser: (state, payload) => {
state.users.push(payload);
}
},
actions: {
saveStateInStorage: (context, payload) => {
context.commit('addNewUser', payload);
// save current state into chrome local storage
console.log(context.state.users);
let userData = context.state.users;
localStorage.setItem('budgetCalcUserData', userData);
},
updateStorageState: context => {
console.log(context);
}
},
modules: {}
});
除了保存到本地存储之外,一切正常。
您应该存储字符串化数组:
尝试
localStorage.setItem('budgetCalcUserData', JSON.stringify(userData));
访问时,您必须解析:
var user = JSON.parse(localStorage.getItem('budgetCalcUserData'));
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.