Нужно выводить результат опросов, который прошёл пользователь и выводить вопрос ответ, а у меня только первый вопрос показывается.
Вот ответ от сервера:
Мой код
<template>
<section class="results">
<h1>Результаты</h1>
<div class="results-blocks">
<p>Здесь, вы можете узнать свои результаты, после прохождения опроса(ов).</p>
<div v-for="(item, index) in results" v-bind:key="index" class="results-block">
<div class="results-block">
<div class="results-block__first">
<span>{{ item.title }}</span>
</div>
<div class="results-block__second">
<div>
<span>{{ item.questions[index]['description'] }}</span>
<span v-if="item.questions[index]['answer'] == 2">Да</span>
<span v-if="item.questions[index]['answer'] == 1">Нет</span>
</div>
</div>
</div>
</div>
</div>
</section>
</template>
<script>
import axios from "axios";
export default {
metaInfo: {
title: "Результаты"
},
data: () => ({
results: null
}),
created() {
axios
.get("http://localhost/api.polls-rksi/public/api/results-user", {
headers: {
"Content-Type": "application/json",
Authorization: "Bearer " + this.$store.getters.getToken
}
})
.then(response => {
if (response.status == 200) {
this.results = response.data["results"];
}
});
}
};
</script>
Как должно выглядеть
А вот как у меня получилось