<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;
    }

因?yàn)榘粹o有固定的class，iconfont、icon-shoucangxing、shoucang，當(dāng)我們點(diǎn)擊的時(shí)候只需要切換active，而另外的class都是固定的，我是按照上述方法實(shí)現(xiàn)的，也成功了，我覺得應(yīng)該有簡單的方法，希望大家可以分享以下。