vue写H5触底加载方法
1、首先给大div和列表div分别加上ID
2、给大div加上滚动事件
@scroll="hanldeScroll"
3、JS代码
hanldeScroll(e) {// 获取eagleMapContainer的真实高度const boxHeight = document.getElementById('eagleMapContainer').offsetHeight;// 获取table_list的真实高度（浮动内容的真实高度）const tableHeight = document.getElementById('table_list').offsetHeight;// boxHeight和滑块浮动的高度相差小于50 && 不在加载中 && 不是最后一页if (tableHeight - (e.target.scrollTop + boxHeight) < 50 && !this.loading) {// 这里触发加载请求this.page = this.page + 1;this.getWorkOrder();}
}
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！