uni-app下拉刷新触底加载更多

最新推荐文章于 2024-08-22 11:53:20 发布

ঞ᭄阿້໌ᮩ莲໌້ᮨꦿ

最新推荐文章于 2024-08-22 11:53:20 发布

阅读量8.8k

点赞数 1

分类专栏： uni-app

本文链接：https://blog.csdn.net/qq_41241504/article/details/103111873

版权

本文介绍了如何在uni-app中实现下拉刷新和触底加载更多的功能。首先，在pages.json配置文件中设置`enablePullDownRefresh: true`来启用下拉刷新。接着，讲解了涉及的两个关键事件，并提供了一个dome中的测试接口php文件示例。注意，使用接口前需要确保phpStudy已启动。此外，还提供了官方关于下拉刷新的API链接以及页面生命周期函数的链接，以实现触底加载更多。

摘要由CSDN通过智能技术生成

首先在pages.json 配置文件中配置 "enablePullDownRefresh": true 需要在哪用加载就配置在路由的style里

两个事件

//下拉刷新
onPullDownRefresh() {

			console.log('下拉刷新');
			
		},

//触底加载更多

onReachBottom(e) {

			console.log('触底加载更多');

		}

完整dome:

<template>
	<view>
		个人中心
		<view>请求返回:{
  { res }}</view>
		<view>请求返回:{
  { res }}</view>
		<view>请求返回:{
  { res }}</view>
		<view>请求返回:{
  { res }}</view>
		<view>请求返回:{
  { res }}</view>
		<view>请求返回:{
  { res }}</view>
		<view>请求返回:{
  { res }}</view>
		<view>请求返回:{
  { res }}</view>
		<view>请求返回:{
  { res }}</view