emit1 Vue(6) 자식에서 부모컴포넌트로 emit 으로 데이터보내기 Vue.js 로 상담페이지에서 이미지 업로드기능을 완성하였다. 하지만 코드가 너무 길어 컴포넌트 파일로 따로 분리하였다. 결과적으로 간단한 몇 줄의 코드이지만 과정은 복잡했다. (예기치 못한 지원업무가 생겨 너무 오랜만에 포스팅을 올렸다ㅠㅠ 분발해야지...) 결과화면 + 버튼을 누르면 파일 업로드 창이 열리고, 이미지를 업로드하면 미리보기 와 삭제가 된다. 이미지 업로드 시, 부모님에게 잘 전달받은 이미지 객체가 아주 잘 보인다. (흡족) ☺️ 자식컴포넌트 ImageUpload.vue -HTML 에서는 오리지널 코드를 심플하게 간추렸다. + 버튼을 누르면 파일 업로드 창이 열리고, 이미지를 업로드하면 미리보기와 삭제가 된다. // 이미지 업로드 버튼 // 이미지 업로드 버튼을 누르면 uploadReady.. 2021. 6. 8. 이전 1 다음 반응형