为什么打印的数组已经变了,界面却未发生改变

吐槽君 分类:javascript

这里就要注意:并不是所有改变数据的方法都是可以得到响应式的

通过索引值修改数组中的元素(不是响应式的)

如:this.letters[0] = 'aaa';

点击按钮重新输入app.letters,界面却未改变

image.png

image.png

当需要改变数组同时需要界面一起改时,不能用(this.letters[0] = 'aaa';)此方式

解决:

  1. splice()

如此代码this.letters.splice(0, 1, 'ccc')

  1. Vue.set()

如此代码Vue.set(this.letters, 0, 'ccc')

元素的增添删改等

回复

我来回复
  • 暂无回复内容