JavaScript: Ubah suai warna/saiz, dsb. butang yang dicipta secara dinamik
P粉085689707
P粉085689707 2024-02-17 14:35:03
0
1
361

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

P粉085689707
P粉085689707

membalas semua(1)
P粉007288593

Satu pilihan ialah membuat kelas css dengan gaya yang anda perlukan dan kemudian melampirkannya pada komponen BaseButton berdasarkan kriteria anda

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan