[Vue.js 2] Error in v-on handler: "TypeError: Cannot read properties of undefined

에러 메세지

• [Vue warn]: Error in v-on handler: "TypeError: Cannot read properties of undefined (reading '변수명')"
• TypeError: Cannot read properties of undefined (reading '변수명')

 

최근 Vue3만 하다가 오랜만에 Vue2를 하는데 만난 에러

 

클릭하면 pressedEL 함수가 동작하게 만들었는데

methods: {
	pressedEl: () => {
		console.log(this.변수명)
	},
}

 왜지? 고민하다가 생각난게 Node 버전이 낮을 때 ES6 문법 사용이 안 된다는 것.

 

참고로 12.10.0 사용 중임.

 

그래서 화살표 함수(() => {})에서 함수 표현식(function () {})으로 고쳐봄

methods: {
	pressedEl: function() {
		console.log(this.변수명)
	},
}

아주 잘 되는군......

 

Vue2에서는 ES6 사용 안 된 다는 것

 

끝