Maison  >  Article  >  Applet WeChat  >  Explication détaillée de la méthode de mise en œuvre de l'actualisation déroulante et du chargement pull-up dans l'applet WeChat

Explication détaillée de la méthode de mise en œuvre de l'actualisation déroulante et du chargement pull-up dans l'applet WeChat

伊谢尔伦
伊谢尔伦original
2017-05-30 09:57:543744parcourir

Deux méthodes d'implémentation pour l'actualisation déroulante et le chargement pull-up du mini programme WeChat. 1. Utilisez les méthodes « onPullDownRefresh » et « onReachBottom » pour implémenter l'actualisation déroulante et le chargement pull-up du mini programme. Définissez bindscrolltoupper et bindscrolltolower dans la vue de défilement pour y parvenir. Le mini-programme WeChat se déroule pour s'actualiser et se relève pour se charger.

1. Utilisez les méthodes "onPullDownRefresh" et "onReachBottom"

Écrivez les méthodes "onPullDownRefresh" et "onReachBottom" directement dans le fichier js

xml

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

js

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

2. Définissez bindscrolltoupper et bindscrolltolower dans la vue de défilement

Définissez bindscrolltoupper et bindscrolltolower dans la vue de défilement, puis écrivez-le dans js Bonne méthode pour répondre après avoir déclenché un événement. [Remarque, vous devez définir la hauteur de la vue de défilement lorsque vous utilisez ce mode. Je ne sais pas à 100 % pourquoi le paramètre n'a aucun effet. Il est recommandé d'utiliser 100vh]

xml

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

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


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!

Déclaration:
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