12 vue validator - vee-validate

source: categories/study/vue-experiance/vue-experiance_9-02.md

12. vue validator - vee-validate

veevalidate에 대해 조사해보자!!

vee-validate 유효성검사 - vuetify를 시작하기 전에 꼭 봐야하는 영상

vee-validate 버전 4 이상은 vue 3을 위한 것이기 때문에 저희는 vue 2를 사용하고 있어서 3점대 버전을 사용하도록 하겠습니다.

npm i vee-validate
# OR
yarn add vee-validate

• vee validate 공홈에 미리 만들어져있는 유효성 검사 rules
  • 각 rule을 보시면 넘어가는 파라미터에 대해 알 수 있다.
• vee validate 예시

• 추가 강의

• validationObserver
  • validationObserver 컴포넌트를 페이지당 1개만 쓸 수 있다고? 아닌데.. Docs에 어딜봐도 그런 내용은 없는데..
  • 테이블 tr(행)마다 validationObserver로 감싸줘서 검사하고 그 invalid 값을 위로 올려서 체크하면 될거같은데..
  • 이건 좀 더 조사해봐야됨