CODEWITHSUNDEEP
javascriptvue.jsvuejs2vuexreactive-programming
ndrscodes
ndrscodes

Reputation: 41

Vuex - function in "watch" not firing if "null" is committed in store action

i am having a problem trying to update some template properties if a Vuex store value changes

when i'm setting the value to undefined inside my store action (for example commit('SET_SELECTED_TICKET_ATTACHMENTS', undefined);), everything seems to work fine.

When setting the value to null however (commit('SET_SELECTED_TICKET_ATTACHMENTS', null);, my watch function will not fire.

The watch function in question looks like this:

selectedTicketAttachments () {
  this.isTicketAttachmentLoading = false;
}

The mutation looks like this

SET_SELECTED_TICKET_ATTACHMENTS(state, selectedTicketAttachments){
  state.selectedTicketAttachments = selectedTicketAttachments;
},

Any help would me much appreciated!

Upvotes: 0

Views: 743

Answers (1)

ndrscodes
ndrscodes

Reputation: 41

as EstusFlask has already mentioned, the commit will not be executed if the state will not be changed. My problem was that, under certain conditions, null will already have been commited at a time at which the execution of my watch handler would have gone unnoticed.

Upvotes: 1

Related Questions