美文网首页
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