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

php中世界最好的语言
Libérer: 2018-06-05 11:12:22
original
2969 Les gens l'ont consulté

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)
        };
    },
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!