Saya mencipta butang dinamik dalam vuejs di mana setiap butang mewakili jawapan yang berbeza kepada soalan.
Matlamat saya ialah: apabila saya menjawab salah, pilihan yang betul diserlahkan dalam warna hijau sehingga soalan seterusnya ditunjukkan.
Adakah mungkin untuk menukar tetapan lain "BaseButtons" ini menggunakan CSS? Bagaimana saya boleh melakukan ini?
<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(); },
Satu pilihan ialah membuat kelas css dengan gaya yang anda perlukan dan kemudian melampirkannya pada komponen BaseButton berdasarkan kriteria anda