vue 做一个商城收藏商品功能

Question

<i :class='{"iconfont":true,"icon-shoucangxing":true,"shoucang":true,"active":isSelected}' @click="toggleCollect"></i>

isSelected:false

toggleCollect(){
   this.isSelected = !this.isSelected 
}
css:
.shoucang{
        font-size: 32px;
    }
    .shoucang.active{
        color: red;
    }

因为按钮有固定的class，iconfont、icon-shoucangxing、shoucang，当我们点击的时候只需要切换active，而另外的class都是固定的，我是按照上述方法实现的，也成功了，我觉得应该有简单的方法，希望大家可以分享以下。

Answer 1

<i class="iconfont icon-shoucangxing shoucang" :class="{active: isSelected}" @click="toggleCollect"></i>