jsonオブジェクトに適用したいフィルターのリストがあります。
私の突然変異は次のようになります：
const mutations = {
setStars(state, payload) {
state.stars = payload;
this.dispatch('filter');
},
setReviews(state, payload) {
state.reviews = payload;
this.dispatch('filter');
}
};
フィルターがどのように機能するかを考えると、ユーザーがフィルターオプションの選択を解除すると問題が発生するため、リストをダウンフィルターし続けることができないため、フィルターをすべて再適用する必要があります。
したがって、スターフィルターまたはレビューフィルターに変更が加えられている場合（ユーザーがフィルターしている場合）、すべてのフィルターを実行する関数を呼び出す必要があります。
ここで私の最も簡単なオプションは何ですか？何らかのヘルパー関数を追加したり、結果を実際にフィルター処理するミューテーションを呼び出すアクションを設定したりできますか？
突然変異はそれ以上のアクションをディスパッチできませんが、アクションは他のアクションをディスパッチできます。したがって、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(...)
}
}
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加