問題タブ [vue-composition-api]

質問する

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.

756 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
1 に答える
1791 参照

javascript - VueJS で別のコンポジションからコンポジション関数を呼び出す方法

VueJS で新しい合成 API を試してみましたが、問題を解決する方法がわかりません。ソリューションを適切に実装する方法についてのアドバイスを探しています。問題なくアクションを別のモジュールにディスパッチできるため、すべてが vuex ベースの場合、これは問題ではありませんでした。ただし、コンポジションの実装の解決策を見つけるのに苦労しています。

問題：

  1. ComponentはCompositionAの関数を呼び出します。
  2. CompositionAは、ログイン機能をトリガーします。
  3. CompositionAのログイン成功/失敗応答で、 CompositionB関数を呼び出したいと思います。(CompositionB には、サイト全体で使用されるスナックバーを表示するためのデータとロジックが含まれています)

問題は、Snackbar 依存関係をCompositionAからインスタンス化/マウントするのではなく、すべてのコンポーネントに挿入する必要があることです。現在の解決策は、この趣旨です：

以下のようなものがあればいいのですが、CompositionA から使用されている場合、CompositionB でプロパティが反応しないことがわかりました (メソッドが呼び出されますが、snackbar は表示されません)。私の理解では、Vue はCompositionBをComponentに注入していないため、 CompositionA内でCompositionBの別のインスタンスを実行しているだけです。私は何か間違ったことをしていますか？ここで適切な解決策は何ですか？

前もって感謝します、


12345678910