제목이 다음으로 변경됨: PrimeVue ContinueDialog 다중 인스턴스 문제

Question

PrimeVue의 구성 요소가 있는데 참조용으로 활성화할 때 여러 번 열리는 것을 제외하고는 잘 작동합니다. 전체에서 구성 요소를 여러 번 실행했는데 일부 확인 대화 상자는 한 번만 열리며 대부분 두 번 열립니다. 대화 상자가 수락되거나 거부되면 모두 즉시 닫히지만 대화 상자 오른쪽 상단 모서리에 있는 "X"를 누르면 한 번에 하나의 인스턴스만 닫히고 여러 대화 상자가 열려 있는 것으로 표시됩니다.

내가 시도한 것: 키 사용

으아악

도움을 주셔서 감사합니다.

Answer 1

이 문제가 발생했고 페이지에 1개의 대화 상자가 있는 DOM 태그에 여러 개의 ConfirmDialog 组件引起的。例如，如果您向使用它的每个组件添加一个确认对话框，然后您碰巧同时在页面上加载 2 个以上组件，则您将看到每个 을 선언했기 때문에 문제가 발생했다는 것을 알게 되었습니다.

해결책은 루트 Vue 구성 요소에서 ConfonDialog를 한 번만 선언한 다음 호출될 때마다 useConfirm 함수를 가져온 다음 해당 함수를 사용하여 대화 상자를 호출하는 것입니다.

예:

앱 보기

으아아아

기타 모든 구성 요소:

으아아아