vue.js) 버튼을 눌러서 호출한 함수 안에서, this가 버튼을 가리키지 않는 이유?

Question

submit 함수와 연결 된 간단한 버튼 객체아래는 위 버튼과 연결 된 submit 함수.함수 안에서 this를 출력해보면, vue 컴퍼넌트가 출력 됨제 예상에는 &#34;이 것을 호출한 객체 this &#61;버튼&#34;버튼이라고 예상했는데, 콘솔에 뷰 객체가 나오네요 결과: 자바스크립트에서 this는 이 것을 호출한 객체를 this가 가리킨다고 알고 있는데,제가 무엇을 잘 못 알고 있는건지 모르겠습니다.ㅠㅠ

Dierslair · Answer

Vue에서 this는 vm 객체입니다. 버튼에 접근하려면 ref를 사용하세요

Mux · Answer

HTML Element Event는 인자로 event(최상위 부모 Event를 상속 받은 클래스)를 반환합니다. 예시로 click이벤트가 발생했을 경우 MouseEvent 인터페이스를 가진 event인자를 넘겨주죠. 이벤트를 핸들링(질문자님 코드에서 submit 메소드)하는 함수에서 인자로 event를 받아주시면,내부 속성에 target이라는 대상이 있습니다. * Vue에서 this는 Dierslari님이 말씀하신데로 Vue 인스턴스를 가리킵니다.

라온제나 · Answer

답변 감사합니다^^

vue.js) 버튼을 눌러서 호출한 함수 안에서, this가 버튼을 가리키지 않는 이유?

3개의 답변

Q&A 목록