Comment activer le menu déroulant dans Uniapp

Comment activer le menu déroulant dans uniapp : 1. Activer l'actualisation du menu déroulant dans pages.json ; 2. Ajoutez un ensemble de données supplémentaire dans le tableau à chaque fois que vous ouvrez le tableau, avec des instructions telles que "onReachBottom" (){laissez ça = ceci...}".

L'environnement d'exploitation de ce tutoriel : système Windows7, version uni-app2.5.1, ordinateur Dell G3.

Recommandé (gratuit) : Tutoriel de développement d'uni-app

uniapp implémente le chargement et l'actualisation déroulants

Actualisation déroulante onPullDownRefresh

Vous devez d'abord activer l'actualisation déroulante dans pages.json

//在pages.json中找到需要开启的页面. 在style中输入
"enablePullDownRefresh": true,

Après avoir activé l'actualisation déroulante, le menu déroulant L'animation vers le bas apparaîtra sur la page correspondant au menu déroulant, mais l'animation ne se fermera pas automatiquement, alors fermez-la manuellement

onPullDownRefresh () {
    //刷新初始化数据
    this.size = 10
    this.current = 1 
    //调用获取数据的函数
    this.getData() 
    //关闭刷新动画
    setTimeout(function () {
        uni.stopPullDownRefresh() 
    }, 1000)
},

Chargement du pull-up surReachBottom

Jetez un ensemble de données supplémentaire dans le tableau à chaque fois que vous ouvrez

const SIZE = 10
data(){
return {
size: 10,
current: 1
}
}
//上拉加载函数
onReachBottom(){
    let that = this
    //每次上拉加载的数据比上一次多十个
    that.size += SIZE
    setTimeout(()=>{
        that.getData()
    },1000)
}

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!