JavaScript : modifier la couleur/taille, etc. des boutons créés dynamiquement
P粉085689707
P粉085689707 2024-02-17 14:35:03
0
1
359

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

P粉085689707
P粉085689707

répondre à tous(1)
P粉007288593

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

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal