-
[Vue] vue eventlistener(이벤트리스너) 추가 제거프론트엔드/Vuejs 2020. 6. 14. 22:23
eventLister 제거시 같은 메소드를 사용해야 함.
콜백 메소드로
window.addEventListener('keyup', function(event) {
//~
})
다음 처럼 사용시 이벤트 제거가 안됨.
event 는 vue beforeDestroy 생성주기에 작성을 해야함. 안그러면 event 가 계속 살아 있음.mounted () { // let context = this window.addEventListener('keyup', this.doStuff) // enter 클릭시 alert 창 닫기 }, beforeDestroy () { window.removeEventListener('keyup', this.doStuff) }, methods: { doStuff (event) { if (event.keyCode === 13) { this.callEvent() } }, callEvent () { this.$emit('close') } }
반응형'프론트엔드 > Vuejs' 카테고리의 다른 글
[vue] vue nuxt 시작하기 (0) 2020.08.17 [vue] vue skeleton 사용하기 (0) 2020.07.13 [Vue] vue eventbus 사용 (0) 2020.06.14 vue router (0) 2020.06.14 vue checkbox 사용 (0) 2020.06.14