Vuex Store value updates not reflected

Asked Feb 14 '19 at 06:08

Active Feb 14 '19 at 07:55

Viewed 68 times

I am using store variable and updating it but when I refresh the page, the data gets empty

I have defined a variable and tried to use it as "this.state.userInfo"

export default new Vuex.Store({
    state: {
        status: '',
        token: localStorage.getItem('token') || '',
        userInfo: {}
    },
    actions: {
        login () {
            this.state.userInfo = "John"
        },
        autoLogin () {
            const userInfo = this.state.userInfo
        }
  }
})

this.state.userInfo should be updated but it is reflecting me an empty value when I refresh the page.

edited Feb 14 '19 at 07:55

Riddhi

2,174
1
9
17

asked Feb 14 '19 at 06:08

Mandar Chavan

userInfo should be string. Hence update userInfo: {} => userInfo: '' – Riddhi Feb 14 '19 at 06:35
@Riddhi, thanks for replying but this isn't working – Mandar Chavan Feb 14 '19 at 06:55
Check the value in console => login () { this.state.userInfo = "John";console.log(this.state.userInfo) }, – Riddhi Feb 14 '19 at 08:16
Possible duplicate of [Vuex state on page refresh](https://stackoverflow.com/questions/43027499/vuex-state-on-page-refresh) – Husam Ibrahim Feb 14 '19 at 08:56

Vuex Store value updates not reflected

0 Answers0