Vue-Bootstrapで動的にCollapseを生成する #JavaScript

経緯

とあるサイト制作でtemplateを使用してボタンで発火するv-collapseをたくさん用意したかったのだが、idを動的にbindしてもうまく動かなかった

解決方法

main_card.vue

<b-button v-on:click="expandcoll" variant="outline-info" :id="'btn'+collapseid"
  >Member</b-button
>

<b-collapse :visible="isexpand" class="mt-2">
  <!-- dosomething -->
</b-collapse>

idなんてもので制御するのではなく、<b-collapse :visible="bool">を指定してあげれば、ボタンでboolの値を変更するだけで簡単に制御することが出来た。
bootstrapのリファレンスにこだわりすぎた。