gpt4 book ai didi

javascript - 将对象提交到 vuex 中的状态

转载 作者:行者123 更新时间:2023-11-28 10:44:00 25 4
gpt4 key购买 nike

我正在尝试通过 $store.commit('fetchFunction', response.data) 从 axios 响应获取对象。我需要computed App.vue(根组件)中的 out 将数组“全局”存储在 SPA 中 ( vue-router )。这就是我得到的。

auth.js

axios.get('/api/to/userController/id')
.then(response => {

//this is a nice json
console.log(response.data.data);
app.$store.commit('userProfile', response.data.data)
})
.catch(error => {

console.log(error);
});

store.js

state: {
userProfile: {}
},
mutations: {
userProfile (state, payload) {
state.userProfile = payload;
}
},
getters: {
userProfile: state => {

//this is [__ob__: Observer] lenght: 0
console.log(state.userProfile)}
return state.userProfile;
}

App.vue

created() {

//this is filled with the observer from store.js - Until reload page!
//after reload page - it is null!
console.log();
},
computed: {

userProfile() {
return this.$store.getters.UserProfile;
}
}

我的实际问题是该对象将成为观察者并且 store如果我更改路线或重新加载页面,则不会存储它。我之前有几乎相同的功能,只是用 truefalse (我用 JWT Token 处理身份验证的状态),它的工作方式就像一个魅力。我的问题是以一种好的方式传递对象。

最佳答案

使用SessionStorage通过路线变化来跟踪变化。

关于javascript - 将对象提交到 vuex 中的状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46770080/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com