Vue, form 유효성 검사 반응형 질문

Question

이와 같은 화면으로 구성되어 있으며,좌측은 타입 우측은 타입에 해당되는 데이터 를 표시해주며, 우측 에서 데이터를 v-text-field 로 값을 수정할 수 있으며, 유효성 검사 50자 이내로 입력되도록 기능이 추가 되어있습니다.데이터는 List{Type{A타입, B타입}ITEM{A타입,데이터1,데이터2,데이터3A타입,데이터1,데이터2,데이터3B타입,데이터1,데이터2,데이터3B타입,데이터1,데이터2,데이터3}}이와 같은 형태로 되어있습니다. 좌측 스프레드 클릭시 LIST.ITEM에 있는 타입을 활용하여 우측 화면을 보여주는 것이지요.여기서 A타입 리스트 1개를 수정하다가 유효성 실패를 발생 시켰습니다. 그 다음B타입으로 넘어온 다음 A 타입으로 오면 A 타입에서 유효성 실패가 발생된 데이터는 여전히 글자 50자를 넘겨서 유효성 실패가 떠야하는데.유효성 실패 결과 (빨간테두리)가 사라져 있는 현상이 있습니다. 해당 문제의 원인을 파악하려면 어떻게 해야할까요?유효성 실패 컬럼에 한 글자를 입력하면 (이미 유효성 실패된 항목) 그제서야 인식을하고 다시 유효성 실패 (빨간 테두리) 가 나타나게됩니다.왜 이런 현상이 일어나는걸까요?? 일단은 updated 라이프 사이클에 변화가 생길 때 마다 유효성 체크를 호출 함으로써 문제는 해결 되었지만...왜 이런 문제점이 발생하는지 알고싶습니다

yeori · Answer

코드가 없으니....

MungGaeDev · Answer

form 유효성 체크를 어떤 코드로 하셨는지는 써주셔야..

Vue, form 유효성 검사 반응형 질문

2개의 답변

Q&A 목록