如何解决Vue中data对象重新赋值后未生效的问题？

本文共计961个文字，预计阅读时间需要4分钟。

Vue中存在一个比较深的问题，就是data中的属性对象在初始化时为{}，之后在方法中使用普通JS语法赋值会无效。例如：data: { data: {} }, methods: { afterU: function() { this.data={}; } } 这里是方法中的普通赋值。

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

这里是data

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

这里是方法里的普通赋值

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

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

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

补充知识：Vue.js - 数组和对象的赋值动态变化 & 克隆

这篇文章主要介绍了 vue 数组和对象不能直接赋值动态变化 & 克隆情况和解决方法，需要的朋友可以参考下。