728x90 반응형 모달1 Nuxt 모달 만들기 및 적용하기 모달 만들기 components/modal/Alert.vue {{ message }} 확인 message를 props로 받아 페이지나 상태마다 모달의 내용이 달라지게 해준다. message를 더블 중괄호에 담고, props에 message가 String임을 담아준다. typescript로 작용하는 것을 볼 수 있다. 모달 적용하기 pages/user/login.vue 로그인 ... 모달은 주요 컴포넌트의 제일 아래, 최상위 컴포넌트의 닫는 태그의 바로 위에 작성해주면 된다. v-if로 태그를 조건에 따라 작동하게 한다. react의 state와 비슷한듯? showAlert가 참이면 message에 "로그인 성공!"이라는 AlertMessage를 담는다. showAlert가 거짓이면 message에 "로그.. 2023. 10. 4. 이전 1 다음 728x90 반응형 "이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."
