解决Vue中对象属性改变,视图不更新问题

Vue项目中,正常情况下,当data中的数据发生改变时,视图也会随着更新。但当数据为对象,我们增加或删除对象属性值时,视图并不触发更新,在Vue官网中也提到,Vue 无法探测普通的新增属性
比如 this.myObject.newProperty = 'hi'
如何解决这个问题呢?

有两种解决方案:
方案一:利用this.$set(this.obj,key,val)

this.$set(this.taskDetail,'code',result.order.code)

方案二:利用Vue.set(object,key,val)

Vue.set(this.taskDetail,'code',result.order.code)

你可能感兴趣的:(vue,vue)