Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'msg')

22.01.17 14:45 작성 조회수 744

computed: {
        syncMsg() {
            return this.$refs.childComponent.msg;
        }
  },

위 코드 부분에 에러가 납니다.

child component 및 msg 데이타도 선언되어 있구요.

어떤 문제일까요?

Vue.js 제대로 배워볼래?(Vue.js 프로젝트 투입 일주일 전)

부모 컴포넌트에서 자식 컴포넌트의 데이터 값 동기화하기

강의실 바로가기

답변 1

답변을 작성해보세요.

개발자의 품격

2022.01.18

<template> 에 삽인한 child component의 ref가 childComponent가 맞나요?

예를들어

<child-component ref="childComponent" />

</template>

this.$refs에서 접근하기 위해서 ref값이 정확히 맞아야 합니다.