Vue.js [vuex]突然変異からの発送方法は？

Question

jsonオブジェクトに適用したいフィルタのリストがあります。

私の変異は、次のようになります。これは、トラブル時にユーザに私を取得するので、私は単にリストをdownfiltering維持することはできませんので、そのためのフィルタがどのように動作するかの

が

const mutations = { 
    setStars(state, payload) { 
     state.stars = payload; 
     this.dispatch('filter'); 
    }, 

    setReviews(state, payload) { 
     state.reviews = payload; 
     this.dispatch('filter'); 
    } 
}; 

私は再びそれらをすべて再適用する必要がありますフィルタオプションの選択を解除します。

だから、スターフィルターやレビューフィルター（ユーザーがフィルターをかけている）に突然変異が起こっているときは、すべてのフィルターを実行する関数を呼び出す必要があります。

私の最も簡単なオプションは何ですか？何らかのヘルパー関数を追加したり、実際に結果をフィルタリングする突然変異を呼び出すアクションを設定することはできますか？

Answer 1

突然変異はさらなるアクションをディスパッチできませんが、アクションは他のアクションをディスパッチできます。したがって、1つの選択肢は、アクションに突然変異をコミットさせてから、フィルターアクションをトリガーすることです。

可能であれば、計算されたプロパティのようにデータ変更に自然に反応するすべてのフィルタをgettersにすることもできます。他のアクションを呼び出すアクションの

例：

// store.js 
export default { 
    mutations: { 
    setReviews(state, payload) { 
     state.reviews = payload 
    } 
    } 

    actions: { 
    filter() { 
     // ... 
    } 

    setReviews({ dispatch, commit }, payload) { 
     commit('setReviews', payload) 
     dispatch('filter'); 
    } 
    } 
} 


// Component.vue 
import { mapActions } from 'vuex'; 

export default { 
    methods: { 
    ...mapActions(['setReviews']), 
    foo() { 
     this.setReviews(...) 
    } 
    } 
}