vue监听组件是否在可视区域
mounted() { window.addEventListener("scroll", this.scrollHandle, true) },
methods: { scrollHandle() { const offset = this.$el.getBoundingClientRect(); const offsetTop = offset.top; const offsetBottom = offset.bottom; if (offsetTop <= window.innerHeight && offsetBottom >= 0) { console.log('移出可视区域'); } else { console.log('移出可视区域'); } }
}
//移除监听 // window.removeEventListener('scroll', this.scrollHandle, true);
直接写在组件里就可以