Issue
The child component is not detecting changes made to an object.
Situation
I am utilizing an empty object to store values retrieved from an API, which is linked to a property in a child component.
data () {
return {
filterOperators: {}
};
},
Every time the method is invoked, a named array containing the response is appended to the object.
getfilterOperators: function (fieldName) {
this.filterOperatorsAction(fieldName, response => {
this.$data.filterOperators[fieldName] = response.Data;
});
}