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