Невозможно полностью установить значение вложенного объекта в состоянии vuex

Question

У меня есть данные в базе данных с вложенным объектом, например:

[{"id":"1-368","name":"\tSolan","days":1,"daynights":2,"hotel":{"hotel_data":[{"id":1,"title":"hotel 1"}],"checkin":"","checkout":"","roomtype":""},"hotel2":{"hotel_data":[{"id":1,"title":"hotel 1"}],"checkin":"","checkout":"","roomtype":""},"specinst":"","mealplan":""},{"id":"2-54","name":"Dharamsala","days":"3","daynights":4,"hotel":{"hotel_data":[{"id":3,"title":"hotel3"}],"checkin":"","checkout":"","roomtype":""},"hotel2":{"hotel_data":[{"id":2,"title":"hotel 2"}],"checkin":"","checkout":"","roomtype":""},"specinst":"","mealplan":""}]

Теперь, когда я пытаюсь получить данные и попытаться присвоить их состоянию с помощью мутации, они присваиваются не полностью, как:

[{"id":"1-368","name":"\tSolan","days":1,"daynights":2,"hotel":{"hotel_data":"","checkin":"","checkout":"","roomtype":""},"hotel2":{"hotel_data":"","checkin":"","checkout":"","roomtype":""},"specinst":"","mealplan":"","date_from":"08 Jan 2020","date_to":"09 Jan 2020"},{"id":"2-54","name":"Dharamsala","days":"3","daynights":4,"hotel":{"hotel_data":"","checkin":"","checkout":"","roomtype":""},"hotel2":{"hotel_data":"","checkin":"","checkout":"","roomtype":""},"specinst":"","mealplan":"","date_from":"09 Jan 2020","date_to":"12 Jan 2020"}]

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

код:

const mutations = {
setItem(state, item) {


    state.item.tour_location=JSON.parse(item.tour_location);
 }}

Answer 1

Что вы видите, если вы console.log(item.tour_location); в пределах мутации setItem? Если данные поступают с правильной структурой, я бы порекомендовал настроить ваше состояние в качестве каркаса ожидаемых данных.

Например:

Ожидаемые данные: {id: 'abc', hotel: [{ prop1: '123', prop2: '234']}

Состояние Vuex: {id: '', hotel: [{ prop1: '', prop2: '' }]}

Надеюсь, это поможет.