[뷰치트] 뷰 - 텍스트 필드 에러 처리하기

skyepodium·2019년 12월 1일
0

ezgif.com-video-to-gif (1).gif

목표: 텍스트 필드에서 에러를 발생시켰는데, 사용자 입력이 있으면 에러를 지운다!

1. 상황

뷰로 작업을 할때 위 처럼 텍스트 필드의 에러를 처리할 때가 있다.
간단하게 정리하면,

1) 공백이면 에러를 발생시킨다.
2) 사용자 입력이 주어지면 에러를 없앤다.

그럼 어떻게 만들것인가?

1) 공백이면 에러를 발생시킨다.

로그인 버튼을 눌렀을때 각각의 텍스트 필드에 연결된 값들을 검사하고 공백일때 에러를 띄운다. (v-model 또는 value로 연결해 놓았을테니까)

2) 사용자 입력이 주어지면 에러를 없앤다.

사실 이것때문에 썻다.
내 방법은 watch 달아서 사용자 입력이 빈공백이 아니면 에러를 지운다.

2. 전체 코드

profile
callmeskye

0개의 댓글