Vue 修改data数据后视图没同步更新的解决方案

导致视图不同步更新的原因是因为对象数据嵌套太深,导致vue监听不到数据变化,render函数不会自动更新

解决方案一:

使用this.$set()方法重置属性

语法:this.$set(object, key, value)
this.$set(this.labels[index], 'select', !this.labels[index].select)

如果还搞不定它就用下面的方法

解决方案二: 数据修改后调用this.$forceUpdate()强制更新视图

this.labels[index].select = !this.labels[index].select
this.$forceUpdate()

如果对你有帮助,点个赞再走吧~谢谢

关注我,不定时分享技术干货~