티스토리 뷰
매번 기억은 하는데 쓰려고 하면 잊어버린다.
부모 컴포넌트
<child-component v-on:addCheckCode="getCheckedCode"></child-component>부모 컴포넌트에서는 이렇게 작성을 해준다.
getCheckedCode 는 부모 컴포넌트의 함수이고 addCheckCode는 자식컴포넌트에서 올라오는 값이다.
자식 컴포넌트
newlyCheckedBox(code){
this.$emit('addCheckCode', code)
},자식 컴포넌트에서 부모컴포넌트에 써준 '이벤트명'을 넣어준다.
여기서는 $emit 을 사용해야 한다.
같이 전달해야 하는 값이 있어서 옆에 code 를 작성해주었다.
'개발일기' 카테고리의 다른 글
| 제플린에서 피그마로 이동 (1) | 2022.10.24 |
|---|---|
| [Vue.js] data 변수 값 watch를 사용하여 변경 감지 (0) | 2022.10.15 |
| [Wildfly] 서브 도메인 설정 (0) | 2022.04.18 |
| centOS7 iptable로 포트 열기 (0) | 2022.04.15 |
| [AWS] 로드밸런서 만들기 (0) | 2022.04.05 |