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。