Vue易错写法误区
2019-06-23 本文已影响0人
黑色的五叶草
一、vue不能检测下面数组的变化
- 直接用索引设置元素，如
vm.items[0] = {}，此时变更了数组第0位的指针，导致视图不会更新
正确写法应为：vm.items.$set(0, { childMsg: 'changed!' })
或Object.assign()：Object.assign(this.items[0], { childMsg: 'changed!'})
相关使用技巧 - 修改数组长度，如
vm.items.length = 0
正确写法应为：vm.items = []，用一个空数组替换items即可
