VueJS dynamic property name not updating value

Question

I am trying to implement an associated array combined with accessing the property within the value, the key is based on the value of the campaign object.

<         


        

Answer 1

Properties with reactivity must be in a Vue instance which is created by Vue constructor.

It ensures that properties are reactive and trigger view updates, i.e., they are initialed with Object.defineProperty and MutationObserver underlyingly.

So, use Vue.set to add new properties, and delete by Vue.delete.

View more info - Reactivity in Depth