[解決済み] Vuexで1つのモジュールから別のモジュールの状態を変更する
2023-01-01 17:06:12
質問
vuexストアに2つのモジュールがあります。
var store = new Vuex.Store({
modules: {
loading: loading
posts: posts
}
});
モジュールの中で
loading
で、プロパティ
saving
のどちらかを設定することができます。
true
または
false
という名前の変異関数も持っています。
TOGGLE_SAVING
を使ってこのプロパティを設定します。
モジュールの中で
posts
で、投稿を取得する前と後に、プロパティの
saving
. これを行うには
commit('TOGGLE_SAVING')
の中のアクションの一つから
posts
モジュールに含まれるアクションの一つです。
var getPosts = function (context) {
contex.commit(TOGGLE_LOADING);
};
コミットしようとすると、コンソールに次のようなエラーが表示されました。
[vuex] unknown local mutation type: TOGGLE_LOADING, global type: posts/TOGGLE_LOADING
他のモジュールの状態を変更するために
commit
?
どのように解決するのですか?
次のパラメータを指定して試してみてください。 ここで ;
commit('TOGGLE_LOADING', null, { root: true })
もし
namespaced
をtrueに設定すると(Nuxtではモジュールモード時のデフォルトです)、こうなります。
commit('loading/TOGGLE_LOADING', null, { root: true })
関連
-
[解決済み] Vue.jsで12件中1~3件を表示させるには?
-
[解決済み] npm run dev」「npm run watch」はどのようなスクリプトですか?
-
[解決済み] Laravel Spark v4.0.9で「Vue packages version mismatch」エラーを修正するにはどうすればいいですか?
-
プロキシエラーです。localhost:8090 から http:10.12.0.15:7777 へのリクエスト /queryCarList をプロキシできませんでした。
-
[解決済み] Vuetify グリッドレイアウト v-layout v-flex
-
[解決済み】名前空間が設定された2つのVuexモジュール間でアクションをディスパッチする方法はありますか?
-
[解決済み】Vuex - ミューテーションに複数のパラメータを渡す
-
[解決済み] Vueアプリのビルドを生成するには、どのコマンドを使用すればよいですか?
-
[解決済み] Vue.js - シングルファイルコンポーネントでヘルパー関数をグローバルに利用できるようにする
-
[解決済み] コンテンツがある場合のみスロットを表示する
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】CypressとJestは併用した方がいい?
-
[解決済み] Vue.jsで12件中1~3件を表示させるには?
-
未定義のプロパティ '0' を読み取ることができません。
-
vue3 が axios エラーを導入する 未定義または null をオブジェクトに変換できない
-
プロキシエラーです。localhost:8090 から http:10.12.0.15:7777 へのリクエスト /queryCarList をプロキシできませんでした。
-
[解決済み] Vue.jsでグローバルフィルタを大量に追加する方法は?
-
[解決済み】Vue.js - urlからハッシュバン#!を削除するには?
-
[解決済み】Vue.jsでv-onにイベントと引数を渡す。
-
[解決済み】Vuex - ミューテーションに複数のパラメータを渡す
-
[解決済み] Vue CLI CSSプリプロセッサーオプション:dart-sass VS node-sass?