• Home
  • Recent Q&A
  • Java
  • Cloud
  • JavaScript
  • Python
  • SQL
  • PHP
  • HTML
  • C++
  • Data Science
  • DBMS
  • Devops
  • Hadoop
  • Machine Learning
in Vue.JS by
Q:
What are the caveats of array changes detection in VueJS?

1 Answer

0 votes
by
Vue cannot detect changes for the array in the below two cases,

When you directly set an item with the index,For example,

vm.todos[indexOfTodo] = newTodo

When you modify the length of the array, For example,

vm.todos.length = todosLength

You can overcome both the caveats using set and splice methods, Let's see the solutions with an examples,

First use case solution

// Vue.set

Vue.set(vm.todos, indexOfTodo, newTodoValue)

(or)

// Array.prototype.splice

vm.todos.splice(indexOfTodo, 1, newTodoValue)

Second use case solution

vm.todos.splice(todosLength)

Related questions

0 votes
asked Feb 4, 2020 in Vue.JS by rajeshsharma
0 votes
asked Feb 4, 2020 in Vue.JS by rajeshsharma
...