相关疑难解决方法(0)

我正在尝试使用超棒的字体和布尔玛制作一个可点击的“星形”图标，在Vue中的常规样式和实体样式（fas和far）之间切换，要实现这一点，我需要以下组件：

<template>
    <span v-if="isStarred" class="icon starred config-icon clickable-text" @click="unstar">
        <i class="far fa-star" title="Unstar Ranking"/>
    </span>
    <span v-else class="icon unstarred config-icon clickable-text" @click="star">
        <i class="fas fa-star" title="Star Ranking"/>
    </span>
</template>

该值isStarred正在正确更新，并且span元素也在相应更新。但是，i带有图标的元素直到我完全重新加载页面后才会更新。

我可以用v-show代替，v-if但是我不明白为什么这不起作用。