原因:vue中给对象新增属性直接用=赋值方式,虽然可以新增属性,但是不会触发视图更新

例如定义了temp对象在操作过程中又新增了b属性

data () {
return {
temp: {
a: ''
}
}
}

//直接赋值不会触发视图更新
this.temp.b= 24

可以新增属性,但是不会触发视图更新
vue2.0以上可以用 this.$set()更新视图
解决办法

this.$set(this.temp,"b",值)

posted on 2022-04-18 12:40  肖建锋  阅读(1110)  评论(0编辑  收藏  举报