Javascript BootstrapVue使用打开和关闭所有按钮折叠

这已经困扰我一段时间了

有人能帮我弄清楚如何构建多个单独打开和关闭的BootstrapVue折叠吗。事实上，单独打开和关闭已经起作用了，因为这是现成的。我想打开和关闭所有按钮打开所有或关闭所有折叠时，按下任何一点

newvue({
el:“应用程序”，
数据：{
showCollapse:错误
}
});

带BootstrapVue的Vue折叠并打开和关闭所有按钮
此笔的用途是构建多个单独打开和关闭的BootstrapVue折叠。但是，我们希望打开和关闭所有按钮在按下时全部打开或关闭或折叠

全部打开
全部关闭
切换折叠1
在此处折叠1个内容
切换折叠2
在此折叠2个内容
切换折叠3
在此折叠3个内容
感谢BootstrapVue社区对discord的支持。我们设计了这个代码笔来显示正确的功能

信贷：Hiws#0325



newvue({
el:“应用程序”，
数据：{
崩溃：[
{show:false}，
{show:false}，
{show:false}
]
},
方法：{
openAll（）{
this.collapses.forEach（collapse=>{
collapse.show=true
})
},
closeAll（）{
this.collapses.forEach（collapse=>{
collapse.show=false
})
}
}
});

带BootstrapVue的Vue折叠并打开和关闭所有按钮
此笔的用途是构建多个单独打开和关闭的BootstrapVue折叠。但是，我们希望打开和关闭所有按钮在按下时全部打开或关闭或折叠

全部打开
全部关闭
切换折叠{{index+1}}
在此处折叠{{index+1}}内容
这是一种解决方法，请原谅，但您可以通过编程为可折叠按钮指定一个id，然后使用
querySelectorAll
获取元素id并单击它们。这有一些边缘情况，但可能会使您走上正确的道路。@KevinHernandez我也有类似的情况。这样做的困难在于，如果单个崩盘已经打开，那么它将关闭。我需要告诉它只需切换所有折叠的打开，不管它们是否已经打开或关闭。好的，然后给每个按钮一个
v-model
，并将其默认设置为false，如果单击按钮，则它将设置为true，true表示折叠菜单处于视图中。在我向您展示的代码中，当您迭代每个元素时，如果当前元素
v-model
为真或假（无论您想要什么），则跳过该元素并继续。