Vue 에서$refs 에 대한 탐색 에 대한 간단 한 분석

최근 에 회사 에서 새로운 프로젝트 를 만 들 고 있 습 니 다.수요,원형 도,UI 도 를 만 들 고 있 습 니 다.다음은 제 차례 입 니 다.페이지 를 그 릴 차례 입 니 다.페이지 를 그 리 는 과정 에서 부자 의 경로 와 관련 되 었 기 때문에 자 연 스 럽 게가 생각 났 습 니 다.예전 의 조작 에 따라 부자 관 계 를 확정 하고 경 로 를 설정 하면 OK 입 니 다.그러나 수요 문 서 를 대조 하여 자세히 보면 후기 연 조 는 부자 페이지 전달 매개 변수 와 관련 되 어야 한다.예 를 들 어 다음 그림 과 같다.

부모 페이지 에서 하위 페이지 form 폼 의 데 이 터 를 가 져 오 려 고 합 니 다.어떻게 하 시 겠 습 니까?
우선 내 가 생각 한 것 은 this.router.push({name:",params:{}})를 통 해 파 라 메 터 를 부모 페이지 로 가 져 가 는 것 이다.그러나 이런 방법 은 통 하지 않 는 다.하위 페이지 에 점프 버튼 이 없어 서 이 벤트 를 촉발 하지 않 았 다.그래서 저 는 Vuex 를 생각 했 습 니 다.하위 페이지 의 form 폼 데 이 터 를 store 에 저장 하지만 이것 은 여러 개의 하위 페이지 에 여러 개의 store 를 만들어 야 합 니 다.안 어 울 려 요.
그럼 무슨 방법 이 있 을까요?어,나 는$refs 를 통 해 하위 페이지 의 인 스 턴 스 를 받 을 수 있 습 니까?한번 해 보 세 요.하하,과연 가능 합 니 다.다행 이 네요.하위 페이지 의 인 스 턴 스 를 받 으 면 하위 페이지 의 데 이 터 를 얻 을 수 있 습 니 다.그리고 부모 페이지 에서 어떻게 조작 하 는 지 마음대로 하 세 요."하하 하."
구체 적 인 조작 은 다음 과 같다.


총결산
Vue 에서$refs 탐색 에 관 한 이 글 은 여기까지 소개 되 었 습 니 다.더 많은 Vue 에서$refs 탐색 내용 은 우리 의 이전 글 을 검색 하거나 아래 의 관련 글 을 계속 찾 아 보 세 요.앞으로 도 많은 응원 부 탁 드 리 겠 습 니 다!