鍍金池/ 問答/HTML/ 這樣寫無法動態(tài)切換，小星星的顯示和隱藏，應(yīng)該怎么改？

這樣寫無法動態(tài)切換，小星星的顯示和隱藏，應(yīng)該怎么改？

<el-tabs v-model="activeName" :stretch=true @tab-click="handleClick">
        <el-tab-pane name="first">
          <span slot="label">
            相似病歷<i v-show="activeName==='first'" class="far fa-star xssc" aria-hidden="true"></i>
          </span>
          相似病歷
        </el-tab-pane>
        <el-tab-pane name="second">
          <span slot="label">
            癥狀相似<i v-show="activeName==='second'" class="far fa-star xssc" aria-hidden="true"></i>
          </span>
          癥狀相似
        </el-tab-pane>
        <el-tab-pane name="third">
          <span slot="label">
            檢查體征相似<i v-show="activeName==='third'" class="far fa-star xssc" aria-hidden="true"></i>
          </span>
          檢查體征相似
        </el-tab-pane>
      </el-tabs>

請輸入代碼

回答
編輯回答
遲月

給小星星動態(tài)添加透明顏色既可以了

<div :class="{ 'class-a': isA, 'class-b': isB}">Demo4</div>
.class-a{有顏色}
.class-b{顏色為透明}
isA: 切換到tab
isB:沒有切換到tab

2018年3月20日 21:43