From 93866e78aec9df2b3e73cca21a219b07ea3c333d Mon Sep 17 00:00:00 2001 From: Angelina Filippova Date: Sat, 25 May 2019 01:45:05 +0200 Subject: [PATCH] Fix on scroll event --- src/views/reports/index.vue | 18 ++++++++++-------- 1 file changed, 10 insertions(+), 8 deletions(-) diff --git a/src/views/reports/index.vue b/src/views/reports/index.vue index 85aff0d2..da451a1c 100644 --- a/src/views/reports/index.vue +++ b/src/views/reports/index.vue @@ -31,16 +31,18 @@ export default { }, mounted() { this.$store.dispatch('FetchReports') - this.scroll(this.reports) + }, + created() { + window.addEventListener('scroll', this.handleScroll) + }, + destroyed() { + window.removeEventListener('scroll', this.handleScroll) }, methods: { - scroll(reports) { - window.onscroll = () => { - const bottomOfWindow = document.documentElement.scrollHeight - document.documentElement.scrollTop === document.documentElement.clientHeight - - if (bottomOfWindow) { - this.$store.dispatch('FetchReports') - } + handleScroll(reports) { + const bottomOfWindow = document.documentElement.scrollHeight - document.documentElement.scrollTop === document.documentElement.clientHeight + if (bottomOfWindow) { + this.$store.dispatch('FetchReports') } } }