javascript - vue 구성 요소에 대한 반복 호출

Question

이제 Vue를 사용하여 프로젝트를 작성하고 있는데 그 중 많은 페이지에 삭제 확인 상자가 있습니다. 이 삭제 상자를 컴포넌트로 작성하고 매번 호출해도 내부 데이터가 변경되나요?

형제 컴포넌트 간의 통신이 사용됩니다. 그런데 서로 다른 페이지에 있는 삭제 버튼이 이 컴포넌트를 어떻게 호출할 수 있나요?

Answer 1

1. 삭제 확인 상자를 모듈로 캡슐화합니다.

2. 정보를 쉽게 표시하기 위해 필요한 속성을 저장하세요.

3. 삭제 및 취소 확인을 위한 클릭 이벤트를 별도로 설정하세요.

이 모듈의 호출 방법은 일반 구성 요소와 다릅니다. 온라인에서 Vue 모달 상자의 예를 찾을 수 있습니다.

Answer 2

iview에서 모달 구성요소의 구현을 참조할 수 있습니다.

https://github.com/iview/ivie...