Javascript 如何使用条件语句切换Vue JS中的材质设计图标？

我正在切换按钮内的文本，但我想切换图标。 这是我的密码

<b-button size="sm" @click="row.toggleDetails" class="mr-2">
  {{ row.detailsShowing ? '-' : '+'}} Details
</b-button>

{{row.detailsShowing？'-'：'+'}}详细信息

我想使用图标作为切换的触发器。 单击V形向下展开，单击V形向上折叠

<i class="mdi mdi-chevron-down"></i>
<i class="mdi mdi-chevron-up"></i>

我该如何改变这一点？我所尝试的一切都在崩溃。 谢谢

细节

谢谢迪彭·沙阿。这很有效。非常感谢您的及时帮助。效果很好！重要提示：在我的例子中，图标名称需要在单引号内（如：“V形向上”：“V形向下”）。。。

<b-button size="sm" @click="row.toggleDetails" class="mr-2">
  <b-icon :icon="row.detailsShowing ? chevron-up : chevron-down"></b-icon> 
  Details
</b-button>