vue中data对象重新赋值无效(未更改)的问题

2,505 阅读1分钟

vue存在一个问题就是data中的属性对象如果在初始化的时候为{},那么后面在方法用普通的js语法赋值会无效

这里是data

data() {
    return {
      model: {}
    };
  }

这里是方法里的普通赋值

afterUpload(response) {
  this.model.icon = response.url;
}

普通方法会无效,需要使用vue提供的方法重新显示声明

afterUpload(response) {
  this.$set(this.model,'icon',response.url)
}