uniapp微信小程序触底加载(超简单)

你在哪个页面需要就给他在page.json里面填写以下代码,表示距离底部还有50px就触发

1.page.json添加以下代码 

	"onReachBottonDistance":50  

这是文档链接 页面 | uni-app官网 (dcloud.net.cn)

2. 页面中写以下代码

	onReachBottom(e) {
			console.log("举例底部50px就触发");
		},

 3.完整代码

a.我是使用uview的加载按钮
   1.page.json 
	"onReachBottonDistance":50  
 2.页面添加以下代码
	<u-loading-icon text="加载中" textSize="15" size="15" :show="show"></u-loading-icon>
模板上写   show: false,

 

onReachBottom(e) {
				this.show = true
		},

 

相关推荐

  1. 程序实现下拉刷新事件、上拉事件

    2024-02-02 11:22:02       64 阅读
  2. uniApp】实现列表下拉更多功能

    2024-02-02 11:22:02       30 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-02-02 11:22:02       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-02-02 11:22:02       100 阅读
  3. 在Django里面运行非项目文件

    2024-02-02 11:22:02       82 阅读
  4. Python语言-面向对象

    2024-02-02 11:22:02       91 阅读

热门阅读

  1. 爬虫学习:下厨房的菜谱搜索

    2024-02-02 11:22:02       52 阅读
  2. listagg、xmlagg、group_concat()函数用法

    2024-02-02 11:22:02       58 阅读
  3. Centos Ubuntu 离线安装git

    2024-02-02 11:22:02       49 阅读
  4. c/c++ | 优先队列 | 大根堆、小根堆

    2024-02-02 11:22:02       55 阅读
  5. 【Cocos入门】AudioEngine函数的使用

    2024-02-02 11:22:02       55 阅读