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', []);