根据布尔变量更改图标

Question

我正在尝试根据布尔变量从一个图标切换到另一个图标。

例如，我有以下图标：

<v-icon class="mr-3"> mdi-play </v-icon>

我有一个布尔变量“正在播放”，它被初始化为假。 当“播放”为 False 时，我希望图标为“mdi-play”，但当“播放”变量变为 True 时，我希望图标切换为“mdi-pause”。实现这一目标的最佳方法是什么？我曾尝试像这样绑定 v-text，但没有成功：

<v-icon :v-text="playing ? 'mdi-pause' : 'mdi-play'" class="mr-3"></v-icon>

非常感谢！

Answer 1

该指令不应使用: 绑定，在您的示例中您可以简单地做：

<v-icon  class="mr-3">{{playing ? 'mdi-pause' : 'mdi-play'}}</v-icon>