Vue中window.onscroll监听事件如何在页面离开时关闭

mounted(){
    window.addEventListener('scroll', this.load)
}
beforeDestroy(){
    window.removeEventListener('scroll', this.load, false);
},
methods:{
    load(){
        //do something
    }
}

最新还有一种方式,也能写的更加优雅,就是使用$on('hook:生命周期'),代码如下:

mounted(){
    window.addEventListener('scroll', this.load);
    this.$on("hook:beforeDestroy", () => {
        window.removeEventListener('scroll', this.load);
    })
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.母亲的旗袍 每个女人都需要一件可以压箱底的旗袍,即使很少穿在身上,但却可以安放在心脏最柔软的角落。世事波诡云谲...
    余小样阅读 1,000评论 1 6
  • 丁灵是我闺女,15个月大。丁当是我们养的一只小狗,5个月大。丁灵除了爸爸和妈妈,狗狗,是她喊出的第三个词。刚满一岁...
    羽化2017阅读 414评论 2 3
  • 贾宝玉说,女人是水做的,我见了女人就欢喜。此时此刻,我却非常讨厌水做的我,眼泪像泉涌,不似水龙头哗啦啦,却也丢尽了...
    美滋芝阅读 618评论 0 0
  • 不怕没时间 不怕没内容 不怕没干货 也不怕坚持不下来 更不怕水平能力有限 只要你真的想要 每天就可以更新文章 实在...
    药散人阅读 216评论 0 1