PHP团结Vue实现转动底部加载结果

媒介

最近的一个项目手机端分页跳转不抱负，本身做了一个转动加载的一个Demo，下面话不多说了，来一路看看具体的先容吧。

实现思绪

1.得到转动条到底部的间隔 getScrollBottomHeight()

2.绑定转动变乱handleScroll() ，handleScroll()判定转动条到底部间隔是否小于配置的bottomHight，而且增进一个loading属性，防备加载时滑动时多次触发，造成多次加载

3.Ajax哀求load.php，通过Page去查询获适合前页数（page+1）的内容

4.将获取的内容，push 到 list中，完成后Vue 自动渲染新的列表，loading变为false

焦点Dom布局

Javascript代码

总结

以上就是这篇文章的所有内容了，但愿本文的内容对各人的进修可能事变具有必然的参考进修代价，假若有疑问各人可以留言交换，感谢各人对编程之家的支持。

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!