[Vuejs]-Object value is changed but component is not updated

You are updating hadithObject's keys. They are not reactive as they aren’t added from the beginning.

Look over the caveats regarding reactivity.

You have 2 options:

• either assign the object again this.hadithObject = Object.assign({}, ...this.hadithObject)
• use Vue.set to set the new keys on the object.