当前位置: 首页 > article >正文

【微信小程序_16_上拉触底相关功能补充】

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

微信小程序_16_上拉触底相关功能补充

  • 一、添加 loading 提示效果
    • 1.功能描述
    • 2.代码实现
  • 二、对上拉触底进行节流处理
    • 1.功能描述
    • 2.实现步骤
  • 三、总结

一、添加 loading 提示效果

1.功能描述

  • 在数据加载过程中,展示loading提示,给用户反馈数据正在加载的状态,增强用户体验。

2.代码实现

  • 在发起数据请求的方法中,使用wx.showLoading()方法展示 loading 效果。
  • 示例代码如下:
    getColors() {
   
        wx.showLoading({
    title: '数据加载中...' }

http://www.kler.cn/news/350934.html

相关文章:

  • 1024是什么日子
  • nginx的配置
  • FFmpeg 库的简要说明
  • AI自动生成PPT哪个软件好?智能生成PPT不再熬夜做课件
  • 关闭或开启Win11系统的自动更新
  • Vue弹窗用也可以直接调用Js方法了
  • Github优质项目推荐(第八期)
  • 进行SEDEX认证需要准备哪些资料?
  • 制造已然走出国门,数据如何走向全球?
  • 元器件行业常用软件推荐-加速度JSUDO
  • Android12 Settings系列(一)二级设置界面中自定义Fragment使用一级菜单中的图标显示异常
  • 《语音识别方案选型研究》
  • BPMN-Moddle模型校验指南
  • 【秋招笔试-支持在线评测】10.12百度(A卷)秋招(已改编)-三语言题解
  • JQuery创建HTML公用模块进行引用
  • 移动端面试问题笔记(一)
  • 刘文超数量关系笔记
  • DBSwitch和Seatunel
  • SICK系列激光雷达单点测距仪DT80-311111+SIG200配置和通信
  • 【CentOS系统下Tomcat日志管理的最佳实践:自动清理catalina.out】
  • 杰理芯片烧录问题
  • Vivado - Aurora 8B/10B IP
  • 域名Whois检测的重要性
  • 基于ST VIPERGAN50的50W 反激隔离型智能风冷无霜冰箱电源解决方案
  • Vue项目中实现拖拽上传附件:原生JS与Element UI组件方法对比
  • 使用java多线程依次打印ABC(多种方式)