view - VueJS : Vuex doesn't update View after modifying State

Question

我目前正在从事一个网络项目。我使用 VueJS 2 和 Vuex 2。问题是当我更新状态的子数组时，状态未绑定(bind)到 View 。

我的状态:

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) 时，它不会在 View 中更新。你有什么想法吗？

Answer 1

根据documentation您只需要担心设置属性名称时的 react 性。在您的情况下，这将设置 c.replies = [];。所以改用 Vue.set(c, 'replies', []);