Vue js: 문제 해결 - 정의되지 않은 '$refs' 속성 읽기

Question

오류가 발생합니다. 미정의 속성을 읽을 수 없습니다('$refs' 읽기). 템플릿에 참조가 있지만. 이는 Vue 마운트 후크를 사용해야 한다는 뜻인가요?

으아악

Answer 1

In Vue 구성 요소의

여기에서 확인하세요. . 피>

---

Vue

템플릿 참조 는 구성 요소가 설치된 후 제거되기 전에 발생하는 후크 또는 메서드 내에서만 액세스할 수 있습니다.

즉, 참조할 수 있는

가장 빠른 this.$refs이 this.$refsinstalled에 있음을 의미합니다. 최신 은 beforeUnmount 에 있습니다. 또한 두 순간 사이에 발생하는 후크나 메서드를 통해 액세스할 수도 있습니다.

---

HTMLInputElement에 이벤트 리스너를 추가하려는 경우 마운트 시 자동으로 이벤트 리스너를 추가하고 마운트 해제 시 제거하는

v-on 지시문을 사용하는 것이 좋습니다.

귀하의 경우:

으아아아

---

그런데 일반 함수의

this는 화살표 함수가 아닌 한 구성 요소 컨텍스트에 액세스할 수 없다는 점을 알아야 합니다. this 으아아아

그리고 모든 메소드(예: 위의

myFn)에서 myFn），thisthis는 모든 구성 요소 멤버에 액세스할 수 있는 구성 요소 컨텍스트입니다.