Vue не рендеринг мутации Vuex

Question

У меня странная проблема, когда моя мутация не обновляет представление, пока я не путешествую во времени, используя инструмент отладки.

Как вы можете видеть в видео , я начинаю печатать, и это меняет вид на первую мутацию. Затем, через 3 секунды, происходит вторая мутация, хотя вид не отражает это. Когда я нажимаю «Путешествие во времени» к предыдущей мутации и возвращаюсь, она начинает работать как обычно.

У кого-нибудь есть идея, почему это происходит?

Спасибо, Джейми

Answer 1

Хотя действительно трудно понять причину, не видя код, я сделаю предположение.

Это может быть связано с тем, как вы обновляете свое состояние в мутации.

Vue не может установить наблюдателей на свойства объекта, поэтому, если вы сделаете что-то подобное state.user.isTyping = true, обновление не будет запущено. Если у вас есть что-то подобное в вашей мутации, попробуйте использовать Vue.$set(state.user, 'isTyping', true)

Вы также можете обмануть его, используя forceUpdate(), но это непослушный хак, который вам следует избегать.