如何在Vue2中添加多类绑定

Question

当我在Vue2中放置多班binding时，我遇到了一个问题。

<div class="list-item clearfix" v-on:click="selectItem(trail)" :class="popupMode ? 'popup' : ''">

此处popupMode是道具，当我选择class selectItem（）binding时，我想再添加一个Item(click function: )。

例如，类似于selected。

定义了此class。我该如何处理这个问题？

Answer 1

更新HTML类绑定，如：

window.open()

其中v-bind:class="{ popup: popupMode, selected: isSelected }" 是isSelected之类的新道具。在调用popupMode方法时点击元素，将bool selectItem道具设置为isSelected，之后您就可以看到true类了。

<强> JS：

selected

有关详情，请查看：Binding HTML Classes

Answer 2

您可以尝试这种方法：

{ active: isActive, 'text-danger': hasError }

不要忘记isActive中的地点hasError和data（在这种情况下）。 我希望这有帮助。