[解決済み] 他のVuexモジュールからゲッターにアクセスするには?
2023-03-18 12:25:16
質問
vuexのゲッター内で、他のvuexモジュールからこのように状態にアクセスすることが可能であることは知っています。
pages: (state, getters, rootState) => {
console.log(rootState);
}
ステートの代わりに他のvuexモジュールからゲッターにアクセスするにはどうしたらいいでしょうか?
という別のvuexモジュールを持っています。 filters という別のVuexモジュールがあり、私はこれにアクセスする必要があります、私はこれを試しました。
rootState.filters.activeFilters
ここで
activeFilters
は私のゲッターですが、これはうまくいきません。
rootState.filters.getters.activeFilters
もうまくいきません。
どのように解決するのですか?
ドキュメントを調べなければなりませんが、見つけることができました。
https://vuex.vuejs.org/en/api.html
(Ctrl+FでRootGettersを検索するとそのページに表示されます)
私のコードはこうなります。
pages: (state, getters, rootState, rootGetters) => {}
すべてのrootGettersはグローバルであり、rootStateのように状態をモジュール名で前置きして使用することができなくなったことに注意してください。
このように単に他のモジュールからゲッターを呼び出すだけです。
rootGetters.activeFilters
これが将来、同じようなことに遭遇している誰かの助けになることを願っています。
関連
-
[解決済み] 配列から特定の項目を削除するにはどうすればよいですか?
-
[解決済み] あるJavaScriptファイルを他のJavaScriptファイルにインクルードするにはどうすればよいですか?
-
[解決済み] AngularJSでデータバインディングはどのように機能するのですか?
-
[解決済み] コールバック内で正しい `this` にアクセスする方法
-
[解決済み] REST APIからデータを取得しようとしたときに、要求されたリソースに'Access-Control-Allow-Origin'ヘッダーが存在しない。
-
[解決済み】別のウェブページにリダイレクトするにはどうすればいいですか?
-
[解決済み] ECMAScriptとは?
-
[解決済み] Javascript の parseInt() で先頭のゼロを削除する。
-
[解決済み] jQueryを使用して、すべてのクリックイベントハンドラを削除するにはどうすればよいですか?
-
[解決済み] V8 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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] 引数付きvuexjsゲッター
-
[解決済み] JavaScriptで次の要素/前の要素を取得しますか?
-
[解決済み] 配列からオブジェクトを生成する
-
[解決済み] reactのrender関数でdynamic hrefを作成するには?
-
[解決済み] モバイルWeb HTML5フレームワークの選び方【終了しました
-
[解決済み] JavaScriptを使用してHTML要素に属性を追加/更新するには?
-
[解決済み] サブドメインにまたがってlocalStorageを使用する
-
[解決済み] なぜjavascriptのES6 Promisesはresolve後も実行を継続するのですか?
-
[解決済み] JavaScript で `throw` の後に `return` をする必要がありますか?
-
[解決済み] JavaScript で css プロパティを使用して HTML 要素の背景色を設定する方法