VueJS：Vuexは状態を変更した後にビューを更新しません

Question

私は現在ウェブプロジェクトを行っています。 VueJS 2とVuex 2を使用しています。 問題は、自分の状態のサブアレイを更新すると、その状態がビューにバインドされていないことです。

私の状態：

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