Vue implementiert die Frage-Antwort-Funktion

<div Klasse="aktiver_Titel">
      <span>{{ Bestelltitel }}</span>
</div>
<p v-show="toanswer" ref="question">{{ Titel }}</p>
<div Klasse="answer-btns" @click="answerClick($event)">
    <span class="answer-btn" :class="`${isRight && item.result == 1?'right':''}`" v-for="Element in Antwort" :data-result='item.result'>{{ item.name }} <i class="iconfont icon-wrong">&#xe677;</i><i v-show="isRight && item.result == 1" class="iconfont icon-right">&#xe678;</i>
    </span>
</div>

getAllData() {
   dies.$axios.get(Antwortschnittstelle).dann((res)=>{
     wenn(parseInt(res.data.errCode)>=0){
       dies.alleDaten=res.data.data
       wenn(diese.alleDaten.Frage.Länge > 0) {
          dies.zuantworten = wahr
       }            
         this.title = this.allData.question[0].title // Welche Frage this.answer = this.allData.question[0].answer // Welche Frage }else{
       dies.toast = dies.$createToast({
          txt: res.data.message,
          Typ: "txt"
        })
       dies.toast.show()
    }
   }).catch((err)=>{
      console.log(fehler)
    })
},

AntwortKlick(e) {
  const tar = e.target,
  Klassenname = e.Ziel.Klassenname
  if(Klassenname == "Antwort-btn") {
    diese.Maske = wahr
    const Ergebnis = tar.dataset.result
    wenn(Ergebnis == 1){
      // console.log('Wählen Sie das Richtige aus', Ergebnis);
      dies.istRechts = wahr
      $(tar).addClass('richtig')
    } anders {
       // console.log('falsche Wahl',Ergebnis);
       dies.istRechts = wahr
       this.isWrong = wahr
       $(tar).addClass('falsch')
       setzeTimeout(() => {
       this.maskTips = wahr
     }, 1200);
   }
   setTimeout( () => {
    dies.clickNum++
    wenn(diese.clickNum > 2) {
      diese.Klickzahl = 2
         wenn(das.istFalsch) {
           console.log('falsche Antwort');
           diese.Maske = falsch
           this.maskTips = wahr
           return false
         } anders {
           console.log('Richtige Antwort');
          }
         }
          $('.answer-btn').removeClass('falsch')
          this.orderTitle = this.orderTitles[this.clickNum]
          dies.istRechts = diese.Maske = falsch
          dieser.Titel = diese.alleDaten.Frage[diese.Klicknummer].Titel
          diese.Antwort = diese.alleDaten.Frage[diese.Klicknummer].Antwort
        },1200)
     }
  },