Как изменить глубокие данные vuex с помощью v-модели

Question

Я пытаюсь изменить хранилище vuex, но использую v-модель для ключа глубоко внутри объекта.Очевидно, что при изменении данных это должно быть сделано с помощью мутаций.Но я изо всех сил пытаюсь выяснить, как сделать это с глубоким значением.

Вот скрипка, которая должна генерировать ошибку vuex (ошибка по какой-то причине не генерируется в скрипте):

[vuex] Do not mutate vuex store state outside mutation handlers

https://jsfiddle.net/antony_publica/L27pcksn/70/

Как настроить вычисленное значение для объекта, который находится внутри объекта, возвращенного из состояния, без необходимости копировать весь этот набор данных в другую переменнуюи отслеживать все изменения вручную?

Answer 1

Вы не сможете использовать вычисляемое свойство для этого.Не используйте v-model, вместо этого свяжите с :value и зарегистрируйте свой собственный прослушиватель событий.

https://jsfiddle.net/jamesbrndwgn/L27pcksn/88/

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