Je suis en train de rechercher des heures pour essayer de comprendre cette question. L'objectif est d'imprimer quelque chose comme le questionnaire de formulaire Google composé de groupe_groupes, de questions et de réponse.
Ma hiérarchie de données est comme ceci: ma sortie attendue: < / p> Un exemple simple de boucle que je pense à:
3 Réponses :
Vous voulez dire comme ça?
Lorsque vous êtes itération sur un tableau à l'aide de Pour que votre HTML devrait être: P> p > V-for code>, le deuxième argument est l'index d'entrée.
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
<div v-for="(group, i) in question_group" :key="'group' + i">
<div class="col-12">
<label>{{ group.str }}</label>
</div>
<div v-for="(question,y) in group.questions" :key="'question' + y">
<label>{{ y+1 }}. {{ question.str }}</label>
<div v-for="(answer,z) in question.answer_choice" :key="'answer' + z">
<label> {{ alphabet[z] }}. {{answer}}</label>
</div>
</div>
</div>
</div>
C'est un moyen de résoudre votre problème