Categories

Oct 21, 2019 in Vue.JS

Q:

What are the caveats of object changes detection?

1 Answer

Oct 21, 2019

Vue cannot detect changes for the object in property addition or deletion., Lets take an example of user data changes,

var vm = new Vue({
  data: {
    user: {
      name: 'John'
    }
  }
})

// `vm.name` is now reactive

vm.email = [email protected]email.com // `vm.email` is NOT reactive

You can overcome this scenario using the Vue.set(object, key, value) method or Object.assign(),

Vue.set(vm.user, 'email', [email protected]email.com);
(or)
vm.user = Object.assign({}, vm.user, {
  email: [email protected]email.com
})
Click here to read more about Vue JS
Click here to read more about Insurance

Related questions

Madanswer
Oct 21, 2019 in Vue.JS
Oct 7, 2019 in Vue.JS
Oct 21, 2019 in Vue.JS
...