유효성 검사 ( Vee-validate )

유효성 검사 ( Vee-validate )

vue는 별다른 form validator가 제공되지 않아서, vee-validate 나 vuelidate를 이용한다.

눈 여겨 볼 3가지

1) filed

: string형태로 넘기거나 object 형태로 넘길 수 있다.

2) rule : 3가지 방법이 있다.

- v-validate로 값을 넘긴다.

- data-vv-name으로 추가한다.

새로운 rule의 기능을 추가하고 싶으면 extend 구문을 통해 추가한다.

3) error-bag

주의사항

v-model에 매핑되어 있는 값이 null, '',undefined일 경우 v-validate 적용이 안된다.

- 빈 값인 경우 다른 validation을 진행하지 않는다고 한다.

따라서 아래와 같이 감싸준다.

출처

https://kelly-kh-woo.medium.com/vue-vee-validate-b25aeffcafcd

from http://moretz0921.tistory.com/357 by ccl(A) rewrite - 2021-12-16 15:27:49