JavaScript: 동적으로 생성된 버튼의 색상/크기 등을 수정합니다.

Question

각 버튼이 질문에 대한 다른 답변을 나타내는 vuejs에서 동적 버튼을 만들었습니다.

내 목표는: 내가 잘못 대답하면 다음 질문이 표시될 때까지 올바른 옵션이 녹색으로 강조 표시되는 것입니다.

CSS를 사용하여 이러한 "BaseButton"의 다른 설정을 변경할 수 있습니까? 어떻게 해야 하나요?

으아아아

<template>
  <div class="container-botoes">
     <BaseButton class="optionsButtons" 
     v-for="options in optionsAnswers" 
     :key="options.id" @click="handleAnswer(options)">
       {{options.ans}}
     </BaseButton>
  </div>
</template>

Answer 1

한 가지 옵션은 필요한 스타일로 CSS 클래스를 만든 다음 기준에 따라 BaseButton 구성 요소에 연결하는 것입니다