Как я могу использовать генераторы Javascript в Vue. js? - PullRequest
0 голосов
/ 27 апреля 2020

ребята,

Я работаю над модулем опроса. Я работаю с Vue. js, и мне интересно, как я могу использовать генератор javascript в Vue.

Сценарий следующий, вопросы и ответы для опроса хранятся в mysql база данных. Я вызываю эту базу данных с помощью Ax ios, чтобы вопросы и ответы сохранялись в переменной response.data.

Моя цель - использовать функцию генератора для отображения отдельного вопроса и вариантов его ответов, а затем нажать кнопку. кнопка для отображения следующего вопроса и его ответов.

Для ориентации конечный результат должен быть функционально аналогичен следующему опросу обратной связи от hotjar: https://www.hotjar.com/feedback-polls/

Я был бы очень рад вашей помощи.

Большое спасибо!

Vue.component("frage", {
 props: ["frage"],
 template: "<h3> {{ frage }} </h3>",
});

let app = new Vue({
 el: "#app",
 data: {
   auswahl: [],
   picked: [],
   fragen: [],
   antworten: [],
   frage: [],
   count: 0,
   pool: [],
   gen: [],
 },

 mounted: function () {
   this.getAllFragen();
   this.gene();
 },

 methods: {
   Addcount: function () {
     console.log(this.fragen[this.count].quest);
     this.count += 1;
     let auswahl = this.fragen[this.count];
     this.frage = auswahl.quest;
     app.antworten = auswahl.answer;
   },

   werter: function () {
     this.pool.push(this.picked);
   },

   handler: function () {
     if (this.count <= this.fragen.length) {
       this.Addcount();
       this.werter();
       console.log(this.fragen.length);
     } else {
       console.log("No Handler");
     }
   },
   getAllFragen: function () {
     axios
       .post("../controller/readAdmin2Data.php")
       .then(function (response) {
         console.log(response.data);
         app.frage = response.data[app.count].quest;
         app.fragen = response.data;

         app.antworten = response.data[app.count].answer;
       })
       .catch(function (error) {
         console.log(error);
       });
   }
 }

 

});
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...