לא מבין למה מגיע ערך ריק. js

[chagold]

במוטציה בvueX.
אני מדפיס בקונסול את האובייקטthis.getters.getUser, ומדפיס כדלהלן.

אבל כשאני מדפיס this.getters.getUser.accountselected הוא מדפיס אותה ריק.

???

תודה.

[chagold]

כשאני עושה לו

setTimeout(() => {console.log(this.getters.getUser.accountselected)}, 1000);

הוא חוזר תקין. אבל כששתלתי אותו בתוך async/await הוא מחזיר ריק. אולי בגלל שהערך הוא "" ולא undefined.

איך עוקפים את זה?

[מוטי אורן]

@chagold איך הגדרת את ה - getter של getUser? אם תוכל להעלות קוד.

[chagold]

@מוטי-אורן

const state = {
	user: JSON.parse(localStorage.getItem('user')),
}

// getters
const getters = {
	getUser: state => {
		return state.user;
	},
}

ויש אירוע selectaccount אח"כ שמעדכן את החשבון הנבחר (accountselected)

selectaccount(state,account) {
		if (account) state.user.accountselected = account
		localStorage.setItem('user', JSON.stringify(state.user));	
	}

הסיבה לשגיאה היא ככה"נ האירוע המאוחר שהופך את הערך מסטרינג ריק לערך החשבון הנבחר. השאלה איך הדרך הנכונה אני מעכב את הקריאה עד שהערך מתמלא, כשawait לא עוזר כנ"ל

[מוטי אורן]

@chagold האמת שלא לגמרי הבנתי את הסיטואציה... אבל ממה שאני כן (מקווה ש)הבנתי, לכאורה watch יכולה לעזור לך, משהו כזה:

Vue.use(Vuex);

const store = new Vuex.Store({
    state: {
        user: JSON.parse(localStorage.getItem('user'))
    },
    getters: {
        getUser(state) {
            return state.user;
        }
    },
    mutations: {
        selectAccount(state, account) {
            if (account) state.user.account = account;
            localStorage.setItem('user', JSON.stringify(state.user));
        }
    }
});

const vm = new Vue({
    el: '#app',
    store,
    watch: {
        '$store.state.user': function () {
            console.log(this.$store.state.user.account)
        }
    }
})
// אפשר גם ככה
vm.$watch('$store.state.user', function (val, oldVal) {
    console.log(val.account)
})

// ואח"כ באיזשהו שלב אתה מבצע את המוטציה

vm.$store.commit('selectAccount', 'admin')

עוד על watch פה

[chagold]

פוסט זה נמחק!