> 위챗 애플릿 > 미니 프로그램 개발 > WeChat 애플릿 개발에서 풀업 로딩을 구현하는 방법

WeChat 애플릿 개발에서 풀업 로딩을 구현하는 방법

php中世界最好的语言
풀어 주다: 2018-06-05 11:12:22
원래의
3109명이 탐색했습니다.

이번에는 WeChat 애플릿 개발 시 풀업 로딩 구현 방법을 보여드리겠습니다. WeChat 애플릿 개발 시 풀업 로딩 구현 시 주의 사항은 무엇입니까? 다음은 실제 사례입니다. 봐.

현재 회사에서 진행하고 있는 프로젝트는 풀다운을 사용하여 새로고침하는 전자상거래 애플릿입니다. 공식 홈페이지에는 스크롤뷰와 동시에 사용할 수 없다고 명시되어 있습니다. 나는 onReachBottom과 스크롤 뷰의 바인드scrolltolower를 갑자기 사용했습니다. 연습 후에는 모든 사람에게 onReachBottom을 사용하도록 권장합니다. 일부 탭에 풀다운 새로 고침이 있는 경우 코드를 직접 입력하는 것이 매우 편리합니다.

onReachBottom() {        let isPush = this.data.index,
            val = this.data.inputVal;
        this.setData({
            isBtnShow: true
        });        if (isPush ==1) {            let num = this.data.limitIndex;
            this.setData({                limitIndex: num+1
            })
        //关于上拉加载的性能优化            setTimeout(()=>{
                    // 给后端传下拉刷新的次数+1
                    const data = {                        limitIndex: this.data.limitIndex
                    };
                    utils.sendRequest(api.AllGoodsUrl, data, this.handleReachBottom.bind(this));
            },1500)
        };        if (val != '') {            setTimeout(()=>{                let num = this.data.limitIndex;
                    this.setData({                        limitIndex: num+1
                    })
                    // 给后端传下拉刷新的次数+1
                    const data = {                        limitIndex: this.data.limitIndex,
                         data:{
                            name: this.data.inputVal,
                        }
                    };
                    utils.sendRequest(api.AllGoodsUrl, data, this.handleLoadMore.bind(this));
            },1500)
        };
    },
로그인 후 복사

이 기사의 사례를 읽은 후 방법을 마스터했다고 믿습니다. 더 흥미로운 내용은 다른 PHP 중국어 웹사이트 관련 기사를 주목해 주세요!

추천 자료:

WeChat 애플릿 개발을 위해 switchTab을 사용하는 방법

JS를 사용하여 문자열 내의 통계 데이터 패턴을 실현하는 방법

위 내용은 WeChat 애플릿 개발에서 풀업 로딩을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿