##経緯
とあるサイト制作で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のリファレンスにこだわりすぎた。