vue中数据更新视图不更新问题this.$set()方法
1.data中有对象obj :{name:'远航',age:18}2.此时新增phonethis.obj.phone = '123456' 再次更新 用this.obj.phone = '654321' 视图未更新 用this.$set(this.obj,"phone", "654321");也未更新3.添加完成以后数据有更新,视图未更新, 解决问题:因
·
1.data中有对象obj :{name:'远航',age:18}
2.此时新增phone
this.obj.phone = '123456'
再次更新 用this.obj.phone = '654321' 视图未更新 用this.$set(this.obj,"phone", "654321");也未更新
3.添加完成以后数据有更新,视图未更新,
解决问题:因为obj中没有phone字段,第一次新增属性的时候就要用this.$set(this.obj,"phone", "123456");就可以了
我第一次新增属性没有用this.$set(),因此没有建立数据监听
新增多个属性方法
// 代替 `Object.assign(this.someObject, { a: 1, b: 2 })` this.someObject = Object.assign({}, this.someObject, { a: 1, b: 2 })
更多推荐
已为社区贡献8条内容
所有评论(0)