Comment implémenter le chargement pull-up dans le développement d'applets WeChat

Cette fois, je vais vous montrer comment implémenter le chargement pull-up dans le développement de l'applet WeChat. Quelles sont les précautions à prendre pour le développement et la mise en œuvre du chargement pull-up dans le développement de l'applet WeChat ? cas, jetons un coup d'oeil.

Le projet de mon entreprise actuelle est une applet de commerce électronique, qui nécessite une actualisation déroulante. Le site officiel indique clairement qu'il ne peut pas être utilisé avec une vue déroulante en même temps. J'ai utilisé onReachBottom et bindscrolltolower de scroll-view à l'improviste. Après ma pratique, je recommande à tout le monde d'utiliser onReachBottom. S'il y a des rafraîchissements déroulants dans certains onglets, il est très pratique de saisir directement le code :

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)
        };
    },

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Comment utiliser switchTab dans le développement d'applets WeChat

JS implémente des modèles de données statistiques dans les chaînes

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!