Modal 작업... 힘듦..
개발 과정의 고충을 털어놓으며, Nuxt에서 모달과 vee-validate를 사용해 권한 관리 기능을 완성한 경험을 공유합니다. 프론트엔드와 백엔드 테스트가 남았네요.
Nuxt 에서 Modal을 만들고 있다..
추가, 수정할때에는 모달로 열어서 데이터를 보고 수정할 수 있게 만들기 위해서인데..
메인의 로그인 인증 모달같은 경우는 $refs 를 사용 했는데.
이 경우에는 Vue에서 추천하고 있지 않다고 한다...
그래서.. 우여곡절 끝에.. Modal 컴포넌트를 만들었다...
하루 걸렸음. .
앞선 데이터는 Slot으로 넣어주고, 안에서 버튼 클릭 시에는 다시 부모 컴포넌트 이벤트를 호출하게끔 했다.
일반적인 모달 사용이라면, 이 컴포넌트를 계속해서 재사용하게 될 예정이다..
와.. 진짜... 지금 거의다 된 듯 싶었는데...
모달에 vee-validate를 주는 것이 안되고 있다..
Slot으로 넣어줘서 그런가? 도대체 뭐가 원인이란 말인가..
머리가 너무 아프다.. 후우..... 스트레스 받네...
너무너무 해결이 안된다..
(2시간 경과... 새벽 4시 40분)
vee-validate로 컴포넌트 사용은 가능하다.. 하지만, 여기서 에러를 띄우고 할 수는 있다...
근데 여기가 가장 큰 문제점이다..
만약에, 모달에서 [추가]버튼을 눌렀는데, 같은 이름이 있어서 거절됬다고 치자.. 그러면, 분명 모달은 열려있는 상태에서, 에러 값을 갱신시켜줘야 할거다..