Comment implémenter le chargement paresseux dans Uniapp

Comment implémenter le chargement paresseux dans uniapp : vous pouvez utiliser la fonction de cycle de vie [onReachBottom()] pour effectuer l'opération de chargement lorsque la page défile vers le bas. Le code est [onReachBottom : function()].

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

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

Comment implémenter le chargement paresseux dans uniapp :

Dans uni-app, lorsque nous devons charger paresseux les données demandées, nous pouvons utiliser la fonction de cycle de vie onReachBottom() pour charger la page lorsqu'elle défile vers le bas.

Le p ici est le paramètre du numéro de page, à chaque chargement, par+1.

onLoad() {
// ajax请求
this.ajaxCode(this.per)
},
onReachBottom: function() {
// 下拉懒加载
++this.per;
uni.request({
url: 'https://www.zrzj.com/api/index/homePage',
method: 'get',
data: {
p: this.per
},
success: (res) => {
var next_data = res.data.result
// 加载新数组
this.products = this.products.concat(next_data)
}
})
},
methods: {
ajaxCode(per) {
uni.request({
url: 'https://www.zrzj.com/api/index/homePage',
method: 'get',
data: {
p: per
},
success: (res) => {
var _data = res.data.result
this.products = _data;
}
})
}
}

Recommandations d'apprentissage gratuites associées : Vidéo de programmation

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!