Javascript Vue js-在使用v-for生成的列表中显示/隐藏单个元素

我试图显示/隐藏单个元素，因为v-for用于许多对象。以前，我将

showAeInfo

作为一个布尔值，当按下一个按钮时，所有卡都会打开/关闭。我发现我需要一个布尔数组，每个卡都有自己的数据用于打开/折叠

我想出了这个代码，但现在，当我按下按钮，我可以看到数组中的值发生了变化，但卡并没有打开

知道为什么吗？或者有没有更好的方法来代替

showAeInfo

array

谢谢大家!

普里达吉·普里达夫·扎里亚德尼亚·纳托斯塔布
佐布拉兹·查西
斯克里·恩伯拉西
Poloha:{{aeLocationName（ae.construction\U site\U id）}

导出默认值{
道具：{
政务司司长：{
要求：正确，
类型：对象
},
aes：{
要求：正确，
类型：数组
},
机器：{
要求：正确，
类型：数组
},
css:{
要求：正确，
类型：数组
}
},
挂载：函数（）{
this.setShowAeInfo（）
},
创建（）{
//
},
数据：函数（）{
返回{
showAeInfo:[]
}
},
方法：{
show（）{
此.$modal.show（'addaestocine'）；
},
aeLocationName（ae）{
var-cs；
如果（ae）{
cs=this.css.filter（tcs=>tcs.id==ae）[0].name；
返回cs；
}否则{
返回“Neznáma stavba”；
}
},
setShowAeInfo（）{
this.aes.forEach（ae=>this.showAeInfo.push（false））
this.showAeInfo.push（false）；
},
}
}

newvue({
el:“#应用程序”，
模板：`


项目：{{Item.name}
佐布拉兹·查西
斯克里·恩伯拉西


`,
数据（）{
返回{
statusShowItem:{}，
名单：[{
id:“1”，
名称：“项目1”，
},
{
id:“2”，
名称：“项目2”，
},
{
id:“3”，
名称：“项目3”，
},
],
};
},
方法：{
showItem（id、状态）{
如果（状态）{
this.$set（this.statusShowItem，id，true）；
}否则{
this.statusShowItem[id]=false；
}
},
},
})

---

我不太明白，为什么会有v-for-item，index-索引部分，因为它从未被重用过，但这看起来很好！非常感谢。