好资源导航 » 文章资讯 » vue监听滚动事件实现滚动监听

vue监听滚动事件实现滚动监听

2024-02-25 22:48:03 48

在vue中实现滚动监听和原生js无太大差异，下面是一个简单的demo，可在控制台查看结果





Document


#box{
width:100%;
height:2000px;
}

varvm=newVue({ el:'#box', data(){ return{ scroll:'' } }, methods:{ menu(){ this.scroll=document.body.scrollTop; console.log(this.scroll) } }, mounted(){ window.addEventListener('scroll',this.menu) }, })

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持毛票票！

返回顶部
514930285
czq8825@qq.com

vue监听滚动事件实现滚动监听

热门推荐

随机推荐