vue 改变对象数组中的布尔值，值不变

Question

this.diaryInfoList.forEach((item)=>{
item.showText=false;
item.showBtn=false;
item.showBtnText=false;
})
数据格式是：letlist=[
{xxx:xxx},
{xxx:xxx}
]
下面是我使用的方法，都无效↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓第一种：this.diaryInfoList[i].showBtn=true;this.diaryInfoList[i].showText=true;this.diaryInfoList[i].showBtnText=true;this.$forceUpdate()
第二种：this.$set(this.diaryInfoList[i],"showBtn",true)this.$set(this.diaryInfoList[i],"showText",true)this.$set(this.diaryInfoList[i],"showBtnText",true)

Answer 1

this.diaryInfoList.forEach((item)=>{this.$set(item,'showBtn',true);this.$set(item,"showText",true);this.$set(item,"showBtnText",true)})参考:demo。