vue 的 scroll 事件

做首页按需加载的时候  滚动条滚动到底部之后加载

由于如果绑定在window上,那么路由切换之后,事件依然会被触发,所以在div元素上绑定

(如果绑定在window上,那么在导航守卫里,路由离开的时候解绑就行了,一样可以实现功能)

在元素标签上直接绑定 scroll 事件 

<div class="home-test" @scroll="scrollGet($event)">
    ...
</div>

如果发现事件无效,那么可能div要给个样式,比如说这样

html,body{
  height:100%
}
.home-test{
  height: 100%
  overflow-y: scroll
}
   

然后可以通过事件传过来的$event获取到scrollTop之类的啦

scrollGet (e) {
      console.log(e.srcElement.scrollTop, e.target.scrollTop)
    }

e.srcElement 和 e.target 获取到的都是节点对象,具体有什么区别暂时不清楚。。。

具体的内容可以直接打印 event 对象看一下

Logo

前往低代码交流专区

更多推荐