为什么打印的数组已经变了,界面却未发生改变
分类:javascript
这里就要注意:并不是所有改变数据的方法都是可以得到响应式的
通过索引值修改数组中的元素(不是响应式的)
如:this.letters[0] = 'aaa';
点击按钮重新输入app.letters,界面却未改变
当需要改变数组同时需要界面一起改时,不能用(this.letters[0] = 'aaa';)此方式
解决:
- 用
splice()
如此代码this.letters.splice(0, 1, 'ccc')
- 用
Vue.set()
如此代码Vue.set(this.letters, 0, 'ccc')
元素的增添删改等