Как сохранить и извлечь вложенные значения в Vuex Store с помощью Vue.js в приложении Survey?

Question

У меня есть модуль в Vuex со следующим состоянием:

const state = {
    questions: [{
        label: "Do you have a great day?",
        answers: [{
            label: "I had struggles"
        }, {
            label: "Some other answer"
        }, {
            label: "Maybe three answers"
        }]
    }, {
        label: "Another question about something?",
        answers: [{
            label: 'Some answer'
        }, {
            label: 'This is also an answer'
        }]
    }]
}

Теперь в представлении (я использую VueRouter) я найду один вопрос, покажу ответы.Тогда люди могут ответить на вопрос с помощью «input [type =" range »]" от 1 до 10.

Каков наилучший способ хранения этих значений?

Так что у меня будетнекоторые маршруты, такие как:

/questions/1
/questions/2

В конце я подсчитываю результаты по каждому вопросу и показываю некоторые итоги.

На странице вопросов есть кнопка «Следующая» и «Предыдущая».

Спасибо за вашу помощь, я сейчас немного застрял в этой части.

Рональд.

Answer 1

Исходя из моего понимания ваших комментариев, я бы создал базовый массив, а затем использовал @click для следующей кнопки (проверяя, чтобы они ответили на все вопросы), чтобы добавить эти введенные значения в базовый массив. Таким образом, ваш masterArray будет [[user1 answer], [user2 answer], ...] Тогда вы можете найти среднее, перебирая masterArray и суммируя user1 [questionIndex] + user2 [questionIndex] ...

Таким образом, пользователь отправляет ответы «3, 6, 4, 2, 1». Этот массив становится первым массивом в masterArray. Пользователь 2 отправляет ответы «3, 2, 56, 3, 6». Теперь masterArray выглядит как {[3, 6, 4, 2, 1], [3, 2, 56, 3, 6]}. Найти среднее значение вопроса 1 вы просто подключаете (это псевдокод) masterArray[0[0]] + masterArray[1[0]] / masterArray.length

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