Recently I was assisting a Gorges developer with a challenging bug in a VueJS application where some of the state value changes were not being recognized, so a related part of the web page was not rendering correctly. We found several calls to this method in the code:
This was an immediate red flag! Whenever I see a forced refresh, it tells me that the reactivity mechanism that automatically is triggered by content changes is not working.
Further investigation revealed the problem and there was an associative array field that had an element assignment that was being done using an equals sign using a format list like this:
The solution was to switch to an explicit Vue.set() function like this that explicitly triggers the reactivity: