vue监听滚动事件

最新推荐文章于 2023-11-20 15:39:58 发布

原创最新推荐文章于 2023-11-20 15:39:58 发布 · 358 阅读

0 ·

CC 4.0 BY-SA版权

vue 同时被 3 个专栏收录

67 篇文章

订阅专栏

vue功能

22 篇文章

订阅专栏

21 篇文章

订阅专栏

本文介绍如何在Vue项目中使用mounted钩子和$nextTick方法来监听窗口滚动事件，包括添加和移除滚动事件监听器的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

        mounted() {
            this.$nextTick(() => {
            // 添加滚动事件
                window.addEventListener('scroll', this.scrollWindow)
            })
        },
        methods() {
			scrollWindow() {
				var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
			},
			destroyed() {
			// 离开取消监听滚动事件
                window.removeEventListener('scroll', this.scrollWindow)
            },
		},
		beforeDestroy() {
            this.destroyed()
        },