导致视图不同步更新的原因是因为对象数据嵌套太深,导致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()
如果对你有帮助,点个赞再走吧~谢谢
关注我,不定时分享技术干货~