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

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

作者: 闪帅念 | 来源:发表于2019-06-27 13:57 被阅读0次

描述问题:

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

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

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

    beforeDestroy () {

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

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

}


相关文章

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/cstrcctx.html