通過(guò)v-if切換之后，這兩個(gè)圖標(biāo)樣式并沒(méi)有變，始終都是第一個(gè)
<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個(gè)贊
建議重新排下版，縮進(jìn)一下，另外布爾值可以直接用v-if判斷。
樣式?jīng)]有變首先可以先看一下class的值有沒(méi)有變，若有改變?cè)贆z查下far和fas是不是用的就是同一個(gè)圖標(biāo)，若沒(méi)有改變檢查isCollected的值有沒(méi)有變化，基本問(wèn)題原因就是這幾個(gè)地方了。
添加回答
舉報(bào)
0/150
提交
取消