Vue中移除监听事件

原生放在 mounted 添加正常:
document.getElementById('real_center_box').addEventListener('scroll', this.get_scrollTop)


移除,放在 beforeDestroy 或者 destroyed 中,移除时会报错:
document.getElementById('real_center_box')removeEventListener('scroll', this.get_scrollTop)


改用 $refs 要获取 dom 节点,这样就不会报错了
// 放在 mounted 中添加
this.$refs.real_center_box.addEventListener('scroll', this.get_scrollTop)


// 放在 beforeDestroy 或 destroyed  中移除
this.$refs.real_center_box.removeEventListener('scroll', this.get_scrollTop)

 

posted @ 2021-08-08 10:45  yw3692582  阅读(2272)  评论(0编辑  收藏  举报