美文网首页
Vue中window.onscroll监听事件如何在页面离开时关

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

作者: 辉夜真是太可爱啦 | 来源:发表于2019-09-25 16:53 被阅读0次
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);
    })
}

相关文章

网友评论

      本文标题:Vue中window.onscroll监听事件如何在页面离开时关

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