Vue doesn't see updates of my object getting from vuex Vue doesn't see updates of my object getting from vuex vue.js vue.js

Vue doesn't see updates of my object getting from vuex


This is a common reactivity issue, there are multiple solutions on you'll get used to it:

Basically Vue can not detect property addition on objects due to JS limitations, to solve it your initial state.userInfo should have all keys you want to have reactivity, you can just set them to null, '', or 0 depending on type.

userInfo: {//all my userInfo reactive keys 1stkey: '', 2ndkey: null, 3rdkey: 0, ... 100thkey: '',}

You can also set your state.userInfo = null initially to null so you can detect when it gets filled.

Check here for more info of Vue Reactivity on Vue docs