>  Q&A  >  본문

vue js 2에서 하위 구성 요소의 유효성 검사 기능을 사용하여 상위 구성 요소의 입력을 확인하는 방법은 무엇입니까?

Vue 프로젝트에서 재사용 가능한 구성 요소를 만들려고 합니다. 이것은 제가 받고 있는 훈련의 일부입니다. 하지만 내 코드에는 도움이 필요하다고 생각합니다. 혼란스럽습니다.

으아악 으아악 으아악

하위 수준에서 입력 필드의 유효성을 검사하고 포커스 이벤트가 발생할 때 입력 필드 근처에 관련 오류를 표시할 수 있습니다. 상위 구성 요소의 이름, 전화번호, 이메일에도 액세스할 수 있습니다. 하지만 부모로부터 버튼을 제출하면 필드의 유효성을 검사할 수 없습니다. 유효성 검사는 하위 수준에서 수행되므로 오류도 마찬가지입니다.

버튼을 클릭한 후 인증 확인 방법과 이름, 전화번호, 이메일이 유효한지 확인하는 방법입니다.

업데이트 사용자가 입력 필드에 잘못된 데이터를 입력할 때마다 해당 데이터는 하위 수준에서 별도로 검증됩니다. 하지만 상위 구성 요소에서 동일한 콘텐츠를 찾는 방법을 찾지 못했습니다. 내 상위 구성 요소의 데이터 변수가 입력과 동시에 업데이트되기 때문입니다.

제출을 클릭한 후 인용이나 다른 라이브러리를 사용하지 않고 상위 수준에서 유효성을 검사하는 방법은 무엇입니까?

P粉605385621P粉605385621205일 전359

모든 응답(1)나는 대답할 것이다

  • P粉530519234

    P粉5305192342024-03-28 18:18:09

    아마도 당신에게 필요한 것은 ref하위 구성 요소에 액세스하는 것입니다. 공식 문서는 다음과 같습니다: https://v2.vuejs.org/v2/api/#ref

    문제의 예에서 인용 사용법은 다음과 같습니다.

    으아아아

    회신하다
    0
  • 취소회신하다