通過v-if切換之后，這兩個圖標(biāo)樣式并沒有變，始終都是第一個
<i style="width: 14px; height: 14px;" class="far fa-star"></i><i style="width: 14px; height: 14px;" class="fas fa-star"></i> <span id="span1" v-if="isCollected===false" @click="toCollection">
<!--<font-awesome-icon-->
<!--style="width: 14px; height: 14px;"-->
<!--:icon="['far','star']" />-->
<i style="width: 14px; height: 14px;" class="far fa-star"></i>
<span>收藏</span>
</span>
<span id="span2" v-if="isCollected===true" @click="toCancel">
<!--<font-awesome-icon-->
<!--style="width: 14px; height: 14px;"-->
<!--:icon="['fas','star']" />-->
<i style="width: 14px; height: 14px;" class="fas fa-star"></i>
<span>已收藏</span>
</span>
1 回答
慕碼人2483693
TA貢獻(xiàn)1860條經(jīng)驗(yàn) 獲得超9個贊
建議重新排下版，縮進(jìn)一下，另外布爾值可以直接用v-if判斷。
樣式?jīng)]有變首先可以先看一下class的值有沒有變，若有改變再檢查下far和fas是不是用的就是同一個圖標(biāo)，若沒有改變檢查isCollected的值有沒有變化，基本問題原因就是這幾個地方了。
添加回答
舉報
0/150
提交
取消