原因:vue中给对象新增属性直接用=赋值方式,虽然可以新增属性,但是不会触发视图更新
例如定义了temp对象在操作过程中又新增了b属性
data () {
return {
temp: {
a: ''
}
}
}
//直接赋值不会触发视图更新
this.temp.b= 24
可以新增属性,但是不会触发视图更新
vue2.0以上可以用 this.$set()更新视图
解决办法
this.$set(this.temp,"b",值)
原因:vue中给对象新增属性直接用=赋值方式,虽然可以新增属性,但是不会触发视图更新
例如定义了temp对象在操作过程中又新增了b属性
data () {
return {
temp: {
a: ''
}
}
}
//直接赋值不会触发视图更新
this.temp.b= 24
可以新增属性,但是不会触发视图更新
vue2.0以上可以用 this.$set()更新视图
解决办法
this.$set(this.temp,"b",值)