VueJS：Vuex在修改状态

Question

我目前正在开展一个网络项目。我使用的是VueJS 2和Vuex 2。 问题是当我更新我的状态的subArray时，状态不会绑定到视图。

我的国家：

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

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