기록

  • 홈
  • 태그
  • 방명록

vue get child Component data 1

[Vue] 자식 컴포넌트 데이터 가져오기(ref)

보통 부모-자식 컴포넌트 간에 통신에는 props와 $emit을 이용합니다. 하지만 아래 코드에서는 ref를 사용하여 자식컴포넌트의 데이터를 가져왔는데 동적으로 자식 컴포는트가 교체되는 모달에서 공통으로 필요한 기능인 getData 버튼을 부모 컴포넌트에 위치시켰기 때문입니다. 부모에서 $emit -> 자식에서 $emit -> getData 이런식으로 해도 될 것 같긴한데 코드가 어지러워서 ref를 이용하는 방식을 사용해봤습니다. Get Data from QueryLst 위의 예시에서 자식컴포넌트의 인스턴스에 접근하기 위해 this.$refs.childComp를 사용하고, 이를 통해 자식 컴포넌트의 data 속성에 접근하여 데이터를 가져오고 있습니다. 다만, ref를 사용하여 자식 컴포넌트의 인스턴스에 ..

Frontend/vue3 2023.04.18
이전
1
다음
더보기
프로필사진

  • 분류 전체보기 (273)
    • Frontend (102)
      • javaScript (29)
      • react (30)
      • vue3 (24)
      • angularjs (2)
      • jquery (4)
      • html (4)
      • css (3)
      • HTTP 통신 (6)
    • gridLib (24)
      • auiGrid (2)
      • agGrid (7)
      • jqGrid (15)
    • Backend (57)
      • JAVA (22)
      • spring (23)
      • spring cloud (MSA) (10)
      • tomcat (2)
    • SQL (19)
      • RDBMS (14)
      • NoSQL (4)
    • python (1)
    • study (42)
      • 클라우드&쿠버네티스 (7)
      • 보안 (6)
      • 알고리즘 문제 풀이 (28)
      • 독서 (0)
      • 네트워크 (1)
    • tool (6)
      • git (5)
    • error (10)
    • 트러블슈팅 (1)

Tag

jqgrid, softeer, KINX, mapper, mybatis, JavaScript, Python, 2024 데브크루, vue emit, 프로그래머스 dfs bfs, dfs, Spring Security, 프로그래머스 정렬, 프로그래머스, dfs bfs, MSA, 백준, BFS, JWT, error,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

Copyright © Kakao Corp. All rights reserved.

티스토리툴바