반응형
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 |