vue.js - 在 Vue JS 中初始加载后切换类

Question

我有 v-for 循环，我在其中迭代一些客户端并显示一些数据。在这个循环中，我有一个元素最初需要根据客户端数据进行样式设置，但单击时必须在 true 和 false 之间切换。

<div v-for='client in clients'>
   <span class='heart margin-right-10'>
      <i v-bind:class='[client.favourite?"fas fa-heart fa-lg hearted":"fal fa-heart fa-lg"]' v-on:click='change()'></i>
   </span>
</div>

所以最初 client.favourite值为 true ，并在单击时需要在 true 或 false 之间切换。
我应该如何解决这个问题，以便我可以在两个类之间切换？

Answer 1

好吧，如果我理解您的目标，我会尝试使用尽可能简单的方法，例如:

change() {
    client.favourite = !client.favourite;
}