vue data对象普通赋值无效的原因及解决方法
来源:绵阳动力网络公司  时间:2020-07-27  阅读:10

在做亚搏娱乐网页版登录建设项目开发中,有时会遇到vue存在一个比较深的问题就是data中的属性对象如果在初始化的时候为{},那么后面在方法用普通的js语法赋值会无效,这个是什么原因呢?今天绵阳动力网络公司就为大家来介绍关于vue data对象普通赋值无效的原因及解决方法。

首先,我们来看data

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

通常我们常用的普通赋值是:

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

这时,我们经常采用的普通方法会无效,需要使用vue提供的方法重新显示声明

afterUpload(response) {
 this.$set(this.model,'icon',response.url)
}
这样就解决了vue data对象普通赋值无效的问题了。好了今天的内容就介绍到这里,如果你看后对你有所帮助,你可以收藏它哦。