VueJS : Vuex가 상태를 수정 한 후에보기를 업데이트하지 않습니다.

Question

현재 웹 프로젝트에서 작업 중입니다. VueJS 2와 Vuex 2를 사용합니다. 문제점은 내 상태의 subArray를 업데이트 할 때 상태가 뷰에 바인딩되지 않는다는 것입니다.

내 주 :

export const state = { 
comments: [], 
} 

돌연변이 :이 exemple에서

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