如何使用条件语句在Vue JS中切换材质设计图标?

问题描述

我在按钮内切换文本,但我想切换图标。 这是我的代码。

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

我想使用图标作为切换的触发器。 在人字形上单击向下以展开,在人字形上单击以折叠。

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

我该如何更改?我正在尝试的一切都崩溃了。 谢谢

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)