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

Question

this.diaryInfoList.forEach((item)=>{item.showText = false; item.showBtn = false; item.showBtnText = false;})数据格式是：let list= [{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。

Answer 2

this.diaryInfoList = this.diaryInfoList.map((item) => {
    item.showText = false;
    item.showBtn = false;
    item.showBtnText = false;    
    return item;
})