vue修改对象和数组页面无渲染

1:对象添加新属性

js:this.obj= Object.assign({}, this.obj, { a: 1, e: 2 })

vue:this.$set(this.obj,'a',1)

2:数组支持原生方法修改数组数据

由于 JavaScript 的限制,Vue 不能检测以下变动的数组:

当你利用索引直接设置一个项时,例如:vm.items[indexOfItem] = newValue

解决:用$set方法

当你修改数组的长度时,例如:vm.items.length = newLength

解决:vm.items.splice(newLength)

也可使用$set:

this.$set(Array,index,newValue)

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
禁止转载,如需转载请通过简信或评论联系作者。

推荐阅读更多精彩内容