<script>
export default {data() {return {pageIndex: 0,//頁碼pageSize: 10,//每次加載條數lock: false,//防止頻繁加載};},onLoad() {// 實現滾動加載----------------------------------------window.onscroll = () => {var st = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;var listHeight = document.querySelector('.content').offsetHeight;if (!this.lock && st > listHeight - window.innerHeight - 50) {this.pageIndex++, this.initList();}};},methods: {// 加載列表----------------------------------------initList() {this.lock = true; //鎖定（防止重復頻繁加載）console.log('追加列表完成', this.pageIndex);this.lock = false; //加載完成后解除鎖定}}
};
</script>

?

總結

以上是生活随笔為你收集整理的【实现手机端上滑滚动加载列表】判断页面是否滚动到底部或者指定元素位置的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。