CODEWITHSUNDEEP
javascriptvue.jsrendervuejs2computed-properties
maxxdev
maxxdev

Reputation: 313

Vuejs2: How to re-render array computed properties when array changed

I have array named List and created computed property computedList for him. When i update value of array it's not showing in html, but in console i see thar array is updated.

`https://jsfiddle.net/apokjqxx/69/`

What is best way to use computed properties for array?

Maybe is exists way to trigger to re-render computed property?

Upvotes: 5

Views: 5675

Answers (1)

Saurabh
Saurabh

Reputation: 73619

Due to limitations in JavaScript, Vue cannot detect the changes to an array like this: this.list[1] = 'vueman'

You have to use Vue.set or vm.$set as explained here to trigger state updates in the reactivity system, like follwoing:

  this.$set(this.list, 1, 'vueman')

see updated fiddler here.

Upvotes: 9

Related Questions