描述问题:
最近写一个项目,写了一个上拉加载的组件,当在A父组件引用该子组件后,发现从A组件跳转到其它.vue文件(后面用B形容组件)后,
B在滑动的时候也会触发子组件的滑动。这样很影响页面功能,如何去解决呢?
只需要在子组件的beforeDestroy生命周期里面删除该事件监听就可以(改方法也适用于其它写了事件滚动的vue组)
beforeDestroy () {
// 避免除了引用该子组件的滑动影响其它没有引用该子组件的组件,this.wScroll是我写的滚动函数,可以按照自己写的滚动函数名
window.removeEventListener('scroll',this.wScroll)
}
网友评论