タイトルを「PrimeVue confirmDialog の複数インスタンスの問題」に書き換えました。

Question

PrimeVue の コンポーネントを持っていますが、アクティブ化されたときに複数回開くことを除いて、正常に動作します。参考までに、プロセス全体で何度もそれを行います コンポーネント、一部の確認ダイアログのみ1 回開きますが、通常は 2 回開きます。ダイアログが承認または拒否されると、ダイアログはすべてすぐに閉じますが、ダイアログの右上隅にある「X」を押すと、一度に 1 つのインスタンスのみが閉じられ、複数のダイアログが開いていることが表示されます。

私が試したこと: キーを使用します

リーリー ＃＃＃ご協力いただきありがとうございます。

Answer 1

この問題が発生し、DOM マークアップで複数の confirmDialog コンポーネントを宣言することが原因であることがわかりました。たとえば、それを使用するすべてのコンポーネントに確認ダイアログを追加し、同時にページに 2 つ以上のコンポーネントが読み込まれている場合、各 に 1 つずつ表示されます。ダイアログボックスがこのページにあります。

解決策は、ルート Vue コンポーネントで confirmDialog を 1 回だけ宣言し、呼び出されるたびに useconfirm 関数をインポートし、その関数を使用してダイアログを呼び出すことです。

＃＃＃例えば：＃＃＃

アプリケーションビュー

リーリー

他のすべてのコンポーネント:

リーリー