84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
이제 Vue를 사용하여 프로젝트를 작성하고 있는데 그 중 많은 페이지에 삭제 확인 상자가 있습니다. 이 삭제 상자를 컴포넌트로 작성하고 매번 호출해도 내부 데이터가 변경되나요?
형제 컴포넌트 간의 통신이 사용됩니다. 그런데 서로 다른 페이지에 있는 삭제 버튼이 이 컴포넌트를 어떻게 호출할 수 있나요?
삭제 확인 상자를 모듈로 캡슐화합니다.
정보를 쉽게 표시하기 위해 필요한 속성을 저장하세요.
삭제 및 취소 확인을 위한 클릭 이벤트를 별도로 설정하세요.
이 모듈의 호출 방법은 일반 구성 요소와 다릅니다. 온라인에서 Vue 모달 상자의 예를 찾을 수 있습니다.
iview에서 모달 구성요소의 구현을 참조할 수 있습니다.
https://github.com/iview/ivie...
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
삭제 확인 상자를 모듈로 캡슐화합니다.
정보를 쉽게 표시하기 위해 필요한 속성을 저장하세요.
삭제 및 취소 확인을 위한 클릭 이벤트를 별도로 설정하세요.
이 모듈의 호출 방법은 일반 구성 요소와 다릅니다. 온라인에서 Vue 모달 상자의 예를 찾을 수 있습니다.
iview에서 모달 구성요소의 구현을 참조할 수 있습니다.
https://github.com/iview/ivie...