問題タブ [vuex]

このデモ アプリケーションを使用しようとしています: https://github.com/skyronic/vue-spa

Vuex プロジェクトを開始しますが、このエラーが発生します Uncaught TypeError: router.afterEach is not a function

vuex-router-sync に関連しています。

オンラインで何も見つからないので、誰か助けてもらえますか。

私の main.js エントリ ポイントは次のとおりです。

実際に私の例から router.afterEach 関数を呼び出しているわけではありませんが、vuex-router-sync パッケージで使用されています。申し訳ありませんが、私はこれをより詳細に特定するのに十分な知識がありません。

関数は、25 行目のパッケージによって呼び出されます https://github.com/vuejs/vuex-router-sync/blob/master/index.js

これまでみんなの助けをありがとう:)

基本的にブートストラップ モーダルなコンポーネントを作成しました。モーダルではselectizeを使いたいです（bootstrap selectも試しました）。問題は、選択に静的な値がある場合は機能しますが、動的データを入力すると失敗することです。Uncaught TypeError: Cannot read property 'appendChild' of null

html は次のとおりです。

そしてコンポーネント：

clientTypes リストを取得するために vuex を使用しています。コンポーネントのデータプロパティでclientTypesを定義すると機能するため、これは何かが間違っていることに気づきました。私もどこに電話すればいいのかわからない.selectize()。私が考えることができる最高のものは、ready() メソッドです。

前もって感謝します！

だから私は単純な店を持っています:

カートにアイテムがある場合、カートは次のようになります。

このオブジェクトの私の突然変異は次のとおりです。

ご覧のとおり、 に を追加するときproductはcart、最初に同じ商品がカートに入っているかどうかを確認します。そうであれば、quantity値を変更します。そうでない場合は、商品オブジェクトの数量プロパティを設定し、カートにプッシュします。

参考までに、このミューテーションをトリガーするアクションの記述方法を次に示します。

次に、コンポーネントがあります。

計算されたtotalプロパティはうまく機能し、 内のproductオブジェクトの量を変更すると自動的に更新されますcart。

しかし、このquantityプロパティをリストに表示しようとすると、変更v-forしても更新されません。quantity

https://jsfiddle.net/Lgnvno7h/2/

グローバル関数をどこに配置するかについて、ここでちょっと混乱しています。多くの例では、main.js ファイルがアプリ コンポーネントを指しており、これは html 内のどこかに配置されています。このワークフローは、すべてのロジックをこのアプリ コンポーネント内に単純に含める場合には問題ありません。しかし、コンポーネントを Laravel 機能と組み合わせているため、これはうまくいきません。

現在、main.js ファイルには、アプリのどこからでもアクセスする必要があるメソッドが多数含まれています。これらのメソッドにはブロードキャスト イベントが含まれていないため、vue-resource インスタンスを取得する限り、効果的にどこにでも配置できます。

私の main.js ファイル:

https://github.com/stephan-v/BeerQuest/blob/develop/resources/assets/js/main.js

これはベスト プラクティスとはまったく思えないため、vuex を使用する場合、または一般的に、フレンドシップ メソッドをどこに配置できるかを誰かが教えてくれることを願っています。

ありがとうございました。

私はかなり長い間これで忙しく、解決策を思いつきませんでした。問題は、モジュールを Require JS と Vue/Vuex で構築して、外の世界と通信したいということです。

これは使いたくない

またはjquery

これは私のカスタム要素です

そして私のmain.js。AMDモジュールをロードするためにrequirejsを使用しています

私のapp.js

私が渡すイベントまたは参照を介してアプリ/コンポーネントを外の世界と通信させる方法はありますか?

具体的には。Vue アプリで選択を行い、同じページの別のアプリにそれを知らせ、選択したデータを受け取ってさらに処理したい

子 VUE インスタンス内でメソッドを呼び出そうとしていますが、それが機能していないように見える理由がわかりません。

私のビューは次のとおりです。

親

子

ただし、Vue Dev Tools 内で次のエラーが発生し続けます。v-on:click="lookupAddress" expects a function value, got undefined

子インスタンスのメソッドを取得しない理由について何か考えはありますか? childs 要素内でメソッドを呼び出しています。

編集 私の HTML マークアップは次のとおりです。

ユーザーがログインまたはログアウトしたときにvuex ストアに通知するために、firebaseで「 onAuthStateChanged」を監視するlistenAuth関数を作成しようとしています。私が知る限り、何かが欠けていない限り、ミューテーションハンドラーを使用して state.authData のみを変更していますか?

エラーが発生します：

これが私のApp.vue JavaScriptです（私のコンポーネントから）

これが私のアクション（changeAuth）関数です

ここが私の店です (重要な部分)