【微信小程序_16_上拉触底相关功能补充】
摘要:本文主要介绍了微信小程序开发中与数据加载相关的两个功能点:
(1)添加loading
提示效果
在数据加载时,使用wx.showLoading()
展示加载提示,如wx.showLoading({ title: '数据加载中...' });
。
数据请求完成后,使用wx.hideLoading()
隐藏加载提示。
(2)对上拉触底进行节流处理
实现方式:在data
中定义布尔型节流阀isLoading
,在getColors()
方法中设置其状态,在onReachBottom
中根据其状态控制数据请求。
具体步骤
刚调用getColors
时将isLoading
设为true
。
网络请求完成后将isLoading
重置为false
。
onReachBottom
中若isLoading
为true
则阻止请求,为false则发起请求。
微信小程序_16_上拉触底相关功能补充
- 一、添加 loading 提示效果
-
- 1.功能描述
- 2.代码实现
- 二、对上拉触底进行节流处理
-
- 1.功能描述
- 2.实现步骤
- 三、总结
一、添加 loading 提示效果
1.功能描述
- 在数据加载过程中,展示
loading
提示,给用户反馈数据正在加载的状态,增强用户体验。
2.代码实现
- 在发起数据请求的方法中,使用
wx.showLoading()
方法展示 loading 效果。 - 示例代码如下:
getColors() {
wx.showLoading({
title: '数据加载中...' }