Vuex - Как сделать многоуровневый массив реактивным?

Question

Как сделать реактивный многоуровневый массив?

У меня есть что-то вроде этого.

state.scenes[state.sceneIndex].contents[payload.contentIndex]

, тогда как Scene и Content имеют свои собственные компоненты. Мне удалось обновить данные в Vuex, однако изменения не отражаются в пользовательском интерфейсе. Я уже пытался использовать

Vue.set(state.scenes[state.sceneIndex].contents, payload.contentIndex, payload.value)

, но не сработало.

Буду очень признателен за вашу помощь.

Answer 1

Я нашел ответ.

Эта проблема возникла из-за ...MapState.

Я только что создал другое вычисляемое значение, возвращающее значение из mapState.

computed: {
   ...mapState('SomeModule', ['SomeState']),
   someName() {
     return this.someState
   }
}