WeChat 애플릿의 풀다운 새로 고침 및 풀업 로딩 구현 방법에 대한 자세한 설명

微信小程序下拉刷新上拉加载的两种实现方法，1、利用"onPullDownRefresh"和"onReachBottom"方法实现小程序下拉刷新上拉加载，2、在scroll-view里设定bindscrolltoupper和bindscrolltolower实现微信小程序下拉刷新上拉加载。

1. 利用"onPullDownRefresh"和"onReachBottom"方法

在js文件里直接写"onPullDownRefresh"和"onReachBottom"方法即可；

xml

<scroll-view scroll-y = true >    
    .........
</scroll-view>

js

onPullDownRefresh: function() {
    // Do something when pull down.
     console.log('刷新');
 },
 onReachBottom: function() {
    // Do something when page reach bottom.
     console.log('circle 下一页');
 },

2. 在scroll-view里设定bindscrolltoupper和bindscrolltolower

스크롤 보기에서 바인딩스크롤토우퍼 및 바인딩스크롤토로워를 설정한 다음 在scroll-view里设定bindscrolltoupper和bindscrolltolower，然后在js里写好触发事件后对应的方法。[注意，使用这个模式一定要设置scroll-view的高度，100%不知道为什么设置后没效果，建议使用100vh]에 작성합니다. 이벤트를 트리거한 후 메서드입니다. [참고로 이 모드를 사용할 때는 스크롤 뷰의 높이를 설정해야 합니다. 설정한 후에 효과가 없는 이유는 100% 모르겠습니다. 100vh를 사용하는 것이 좋습니다.]

xml

<scroll-view scroll-y = true bindscrolltolower="loadMore" bindscrolltoupper="refesh">
    ..........
</scroll-view>

js

onPullDownRefresh: function() {
    // Do something when pull down.
     console.log('刷新');
 },
 onReachBottom: function() {
    // Do something when page reach bottom.
     console.log('circle 下一页');
 },

위 내용은 WeChat 애플릿의 풀다운 새로 고침 및 풀업 로딩 구현 방법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!