JavaScript:修改動態建立按鈕的顏色/大小等
P粉085689707
P粉085689707 2024-02-17 14:35:03
0
1
360

我在 vuejs 中建立了動態按鈕,其中每個按鈕代表問題的不同答案。

我的目標是:當我回答錯誤時,正確的選項會以綠色突出顯示,直到下一個問題顯示。

是否還可以使用 CSS 更改這些「BaseButtons」的其他設定?我怎樣才能做到這一點?

<template>
  <div class="container-botoes">
     <BaseButton class="optionsButtons" 
     v-for="options in optionsAnswers" 
     :key="options.id" @click="handleAnswer(options)">
       {{options.ans}}
     </BaseButton>
  </div>
</template>
methods:{
  handleAnswer(options){
    if (options.id === this.correctAnswer){
      this.playerHit = true;
    }
    else {
      this.opponentHit = true;
      
    }
    this.nextquestion();
  },

P粉085689707
P粉085689707

全部回覆(1)
P粉007288593

一種選擇是使用您需要的樣式建立 css 類,然後根據您的條件將它們附加到 BaseButton 元件

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板