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对象普通赋值无效的问题了。好了今天的内容就介绍到这里，如果你看后对你有所帮助，你可以收藏它哦。