Почему после изменения какого-то значения в объекте, vue не перезагружает компонент?

Question

[s_cruze44]

У меня есть список и есть форма. Кликаю на элемент из списка, в котором хотим изменить какие нибудь значения. Заполнили форму, мутация прошла, в state все записалось, но чтобы увидеть изменение, нужно выйти уровень route выше и вернуться назад, тогда все измениться.(Если добавлять или удалять элементы из списка, тогда все динамично)

Comments

[no_one_safe]

Либо данные не реактивны, либо у вас работает встроенный "кеш" - если vue думает что данные не поменялись - компонент не перерисовывается. Чтобы этого избежать - присвойте компоненту key который зависит от данных. При изменении key - компонент перегрузится.

Answer 1

[Дмитрий]

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

Comments

[s_cruze44]

Вот так выглядит код, потом из локальное переменной в компоненте через v-for выводятся данные

[Дмитрий]

s_cruze44, ну так логично же все. Хоть это и не та часть кода. Здесь Вы привязываете поиск данных к к id, который берется из роутера.
А где код изменения? Контакт же не волшебным образом должен измениться) Что происходит после сохранения?
Попробуйте сделать contactInfo вычисляемым свойством - computed.
Привяжите его к геттеру из стора (раз Вы упоминаете мутации - я понимаю, что он у Вас есть).
А вот этот код как раз в геттер. Ну это как один из вариантов