我正在使用 Bootstrap-vue，并且有一个简单的折叠组件，以便我可以切换内容的可见性。我正在寻找一种方法，在切换按钮中包含一个箭头图标来指示折叠状态：如果内容打开则箭头指向下方，如果内容关闭则箭头指向侧面。
我已经看过这里的解决方案Bootstrap 4 Collapse show state with Font Awesome icon。然而，虽然这适用于 Bootstrap 4，但我不能让它与 Bootstrap-vue 一起使用，因为标记元素是不同的。那么，鉴于我在下面的标记，我怎样才能实现折叠状态箭头？
<div>
<b-btn v-b-toggle.collapse3 class="m-1">Toggle Collapse</b-btn>
<b-collapse visible id="collapse3">
<b-card> some content </b-card>
</b-collapse>
</div>