[解決済み] Vuexです。アクションからゲッターを呼び出す
2023-01-09 14:22:48
質問
ディスパッチ/アクションの内部でゲッターを呼び出す方法はありますか?
mutations: {
setData(state, data) {
state.data = data;
}
}
actions: {
sendDataToServer({ commit }, payload) {
// call getter (data) and assign to variable
// do async functions from the data returned
}
},
getters: {
getAppData: state => () => {
return state.data;
}
}
では、ベストプラクティスは何でしょうか?ミューテーションを使用して状態を変更し、状態を取得してアクションに渡し、アクションが非同期関数を実行するのか、それとも私の実装を再構築する必要があるのでしょうか?
変異を呼び出す -> ゲッターでデータを取得する -> アクションを呼び出す
または
アクションですべてを行う(アクションで変異を行い、ゲッターを必要としないアクション/asyncメソッドを行う)?
どのように解決するのですか?
コミットだけでなく、アクションにはデフォルトで以下のようなパラメータが注入されます。
dispatch
,
getters
と
rootGetters
. なので、単純に書けばいいのです。
sendDataToServer({ commit, getters }, payload)
と書くだけで、ゲッターにアクセスできます。
関連
-
[解決済み] 配列から特定の項目を削除するにはどうすればよいですか?
-
[解決済み] callとapplyの違いは何ですか?
-
[解決済み] Reduxのアクションをタイムアウトでディスパッチする方法とは?
-
[解決済み] Reduxの非同期フローになぜミドルウェアが必要なのか?
-
[解決済み】オブジェクトからプロパティを削除する(JavaScript)
-
[解決済み] Vuexで他のゲッターからゲッターを呼び出すにはどうすればよいですか?
-
[解決済み] JavaScriptで、ある文字列が別の文字列の中に出現するすべてのインデックスを見つけるにはどうすればよいですか?
-
[解決済み] TypeScriptのdeclare classとinterfaceの違いとは?
-
[解決済み] 無効になっている入力フィールドの値を送信する
-
[解決済み] javascriptのキャンバスで画像をリサイズする (スムーズ)
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] チェックボックスが選択されているかどうかを確認するjQuery
-
[解決済み] 文字列がすべて同じ部分文字列で構成されているかどうかを調べるにはどうすればよいですか?
-
[解決済み] 文字列のn番目の出現箇所を取得するには?
-
[解決済み] 兄弟ノードを選択する方法はありますか?
-
[解決済み] Reactメモを使うべきではない場合とは?
-
[解決済み] $.ajax実行中にローディングイメージを表示する
-
[解決済み] Promise : then vs then + catch [重複].
-
[解決済み] jQueryを使用して、すべてのクリックイベントハンドラを削除するにはどうすればよいですか?
-
[解決済み] JavaScriptのArray.sort()メソッドでシャッフルするのは正しいのか?
-
[解決済み] jQueryのバージョン1、バージョン2、バージョン3の違いは何ですか?[クローズド]