Vue不呈现Vuex突变

Question

我有一个奇怪的问题，在我使用调试工具旅行之前，我的变异没有更新视图。

正如您在video中看到的那样，我开始输入，它会更改第一个突变的视图。然后经过3秒后，第二次突变发生，尽管视图没有反映出来。当我点击时间前往前一个突变并返回时，它开始正常工作。

任何人都知道为什么会这样？

谢谢， 杰米

Answer 1

虽然很难在没有看到代码的情况下知道原因，但我会猜测。

这可能是由于您在突变中更新状态的方式。

Vue无法将观察者设置为对象属性，因此当您执行此类state.user.isTyping = true之类的操作时，它不会触发更新。如果你的变异中有类似的东西，请尝试使用Vue.$set(state.user, 'isTyping', true)

你也可以使用forceUpdate()欺骗它，但这是一个你应该避免的顽皮黑客。