Veeprovider가 늘어날 수록, 유효성 체크 때문에 페이지가 굉장히 느려질 수도 있다..
기본적으로 특별히 입력이 없더라도 textfield는 유효성 검사를 하는데, 그럴 필요가 없는 상황이라면
굳이 blur가 일어날때는 유효성 검사가 필요없을지도 모른다.
또한 input도 실제 인풋이 없을때(text입력이 없을때) 처리할 필요가 없다면 custom mode를 적용하여 좀 더 가볍게 validation 체크를 해도 좋다.
https://vee-validate.logaretm.com/v3/guide/interaction-and-ux.html#custom-modes
Interaction and UX | VeeValidate
Interaction and UX Client-side validation is a UX tool for your users, as such there are many strategies regarding when to validate?. There are multiple common strategies: Aggressive: Triggered when the user presses a key (on input). Passive: Triggered whe
vee-validate.logaretm.com
custom mode를 설정하면 좀 더 가볍게 validtion 체크를 할 수 있다.
내 경우 textfield가 늘어나면 늘어날 수록 기하급수적으로 페이지의 data 업데이트 발생시 느려지는 현상이 있었는데, custom mode를 통해서 validation check 최적화를 해주니 좀 나아졌다.
'IT > Vue' 카테고리의 다른 글
| 아엠포트(Import) django vue 본인인증 서비스구현 (0) | 2022.05.21 |
|---|---|
| Javascript object list 비교. (0) | 2022.05.09 |
| could not freeze hash of undefined (0) | 2022.02.15 |
| vue webpack build 속도 개선하기 최적화 (0) | 2022.02.15 |
| vue 중첩데이터 감시, vue watch nested data is not working (0) | 2022.01.13 |