vue中,父组件引用子组件,跳转之后,子组件的滚动还会影响当前组件的滚动

描述问题:

        最近写一个项目,写了一个上拉加载的组件,当在A父组件引用该子组件后,发现从A组件跳转到其它.vue文件(后面用B形容组件)后,

B在滑动的时候也会触发子组件的滑动。这样很影响页面功能,如何去解决呢?

只需要在子组件的beforeDestroy生命周期里面删除该事件监听就可以(改方法也适用于其它写了事件滚动的vue组)

    beforeDestroy () {

        // 避免除了引用该子组件的滑动影响其它没有引用该子组件的组件,this.wScroll是我写的滚动函数,可以按照自己写的滚动函数名

            window.removeEventListener('scroll',this.wScroll)

}


你可能感兴趣的:(vue中,父组件引用子组件,跳转之后,子组件的滚动还会影响当前组件的滚动)