問題タブ [vuex]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - beforeEach 中に vuex モジュールの状態を vue-router に渡す
vuex
および と組み合わせて VueJS を使用していvue-router
ます。ストアに変更を加えるモジュールがありvuex
、それを使用してユーザーが認証されているかどうかを判断しようとしています。
これが私のコードが関連する部分でどのように見えるかです。
main.js
/store/index.js
/store/modules/core.js
アクションをトリガーするロジックを実行すると、ミューテーションが適切に実行されたことを確認できます。また、Chrome 拡張機能を使用してモジュールLOGIN
の vuex の状態を表示すると、 との状態が適切にミューテーションされています。core
user
authenticated
質問
このモジュールは、ルーターが.beforeEach
ループ内で実行されるまでにロードされていないようです。これは本当ですか?
はいの場合、この状況に対処する方法について、他にどのような提案がありますか? いいえの場合、私は何を間違っていますか?
javascript - Vue.js 構文エラー (SCRIPT1003) IE11 以前
vue.js アプリを IE11 以下で試してみると、routeContent を指すコンソールで Error SCRIPT1003excepted が表示されます。私の Snytax は次のようになります。
vuex - VueJS. VueX の理解に関する問題
VueJs + VueX を使用して SPA を構築し、1 つのコンポーネントで「ログイン」ボタンと「サインアップ」ボタンをクリックし、<component></component>
条件付きでレンダリングする必要がある他のコンポーネントにタグを付けます (「サインアップ」フォームと「ログイン フォーム」)。 . モーダルもコンポーネントです。
console.log を呼び出すと、クリックしたボタンに応じて state.currentView が変化することがわかりますが、{{ $data | マークアップ内の json }} は、状態が変更されていないことを示しており、さらに重要なのはモーダルが変更されていないことです。だから私は次のようにコードを書いた:
App.vue:
Navbar.vue テンプレートでは、currentView の状態を変更するためのボタンとメソッドを保持しています。
私の store.js ファイルは次のようになります。
meteor - Akryum: Vuex@1 for Meteor サンプル アプリ、addTrackers?
https://github.com/Akryum/meteor-vuex-example/tree/master/imports/vuex/modulesからこれを本当に理解していません: init(data) から getter の if data までずっと下部は、vue インスタンス データまたは vuex の状態への参照です。
vuex - Vuejs : mapMutations
私は Vues.js の初心者で、mapMutation メソッドについて質問しています。このメソッドでパラメータを渡したいのですが、方法がわかりません。mapMutations を使用して 2 つのメソッドを変換したい:
私はこのようなことをしたいのですが、「金額」パラメーターを渡して:
何か案が ?
ありがとう
javascript - Vuex 2.0 ディスパッチとコミット
ディスパッチとコミットをいつ使用するかを誰か説明できますか?
コミットがミューテーションをトリガーし、ディスパッチがアクションをトリガーすることを理解しています。
しかし、派遣もアクションの一種ではないでしょうか。
vue.js - 変数を渡して Vuex 状態データを取得する
私は Vue と Vuex での作業が初めてで、現在、次のように小道具をコンポーネントにバインドしようとしています。
私のHTMLは次のようになります。
私の Vue インスタンスは次のようになります。
私の Vuex ストアは次のようになります。
「get」メソッドで、「item」変数を「state」変数にバインドしたいと思います。したがって、結果はたとえば次のようになります: this.$store.state.active (そして、'login' が返されます)。console.log state.item を実行すると、「undefined」と表示されます。これを修正する正しい方法は何ですか、またはまったく別のアプローチを試す必要がありますか?