ребята,
Я работаю над модулем опроса. Я работаю с 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>