JavaScript : modifier la couleur/taille, etc. des boutons créés dynamiquement

Question

J'ai créé des boutons dynamiques dans vuejs où chaque bouton représente une réponse différente à une question.

Mon objectif est le suivant : lorsque je réponds incorrectement, la bonne option est surlignée en vert jusqu'à ce que la question suivante s'affiche.

Est-il possible de modifier d'autres paramètres de ces "BaseButtons" en utilisant CSS ? Comment puis-je faire ceci?

<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();
  },

Answer 1

Une option consiste à créer des classes CSS avec les styles dont vous avez besoin, puis à les attacher au composant BaseButton en fonction de vos critères