VueJS：Vuex在修改状态后不会更新视图

Question

我目前正在从事一个Web项目。 我使用VueJS 2和Vuex2。问题是当我更新状态的子数组时，状态未绑定到视图。

我的状态：

export const state = {
 comments: [],
}

和突变：

...
export const mutations = {
 ADD_REPLY (state, { id, comment }) {
  let c = state.comments.find((c) => c.id === step);
  if (c.replies === undefined)
   c.replies = [];
  c.replies.push(comment);
 }
}
...

在此示例中，当我推送答复（ADD_REPLY）时，它不会在视图中更新。 你有什么主意吗 ？

Answer 1

根据文档，您只需要担心在设置属性名称时的反应性。 在您的情况下，将设置c.replies = []; 。 因此，请改用Vue.set(c, 'replies', []);