Как можно реализовать викторину?

Question

[ubuntu-men]

Приветствую. Подскажите, как лучше всего реализовать систему опроса с вложенной структурой вопросов на vuejs? Чтобы ответ на вопрос, открывал следующий конкретный под-вопрос из блока родителя, не простая линейная структура в циле v-for.

list: [
    {
      title: 'Вопрос 1',
      children: [
        {
          title: 'Под вопрос 1',
        },
        {
          title: 'Под вопрос 2',
        }
      ],
    },
    {
      title: 'Вопрос 2',
      children: [
        {
          title: 'Под вопрос 1',
        },
        {
          title: 'Под вопрос 2',
        }
        {
          title: 'Под вопрос 3',
        },
      ],
    },
    {
      title: 'Вопрос 3',
    },
]

Пример линейной викторины: github

Answer 1

[Антон Антон]

Лучше плоский список и граф переходов (в каких условиях на какой индекс списка переходить), можно в виде полей элементов списка

Comments

[ubuntu-men]

Интересно. Есть примеры?

[Антон Антон]

ubuntu-men, что-то типа такого:

const list = [
  { id: 0, title: 'variants', answers: [], correctId: 1, incorrectId: 2 }, // для простоты первый всегда первый
  { id: 1, title: 'variants', answers: [], correctId: 2, incorrectId: 2 }, // а вот тут типа пропуск вопроса возможен
  { id: 2, title: 'variants', answers: [], correctId: 3, incorrectId: 3 },
  { id: 3, title: 'variants', answers: [] } // последний - без переходов
]

главное, чтобы циклов не было. вместо correctId/incorrectId можно сделать поле nextQuestionId в вариантах ответа, если более сложные правила.

поле id добавил, чтобы без особых проблем вставлять в середину и в конце, да и не ошибаться при подборе индексов. Опять же, надо, чтобы у каждого вопроса чтобы он был уникальный

[ubuntu-men]

Антон Антон, я без цикла не умею)

[Антон Антон]

ubuntu-men, цикл в графе переходов, а не в коде https://ru.wikipedia.org/wiki/%D0%A6%D0%B8%D0%BA%D...