首页 > 编程语言 >微信小程序页面增加下拉刷新功能

微信小程序页面增加下拉刷新功能

时间:2023-07-06 09:12:01浏览次数:41  
标签:onload onPullDownRefresh 微信 刷新 页面 wx

  1.  对应的 json 文件 增加如下内容
"enablePullDownRefresh": true,
"onReachBottomDistance": 50,
"backgroundTextStyle": "dark",
"backgroundColor": "#6197FB"

 

2.对应的js增加 函数onPullDownRefresh() 和  onl oad 是一个级别

  onPullDownRefresh() {
    console.log("onPullDownRefresh");
    wx.showNavigationBarLoading() 
    this.onLoad(null); 
    setTimeout(function () {
        getToast(1,'刷新成功')
        wx.hideNavigationBarLoading() 
        wx.stopPullDownRefresh() 
    }, 1000)
  }

  里面放入刷新页面数据函数 我这里直接调用了 onl oad函数 

标签:onload,onPullDownRefresh,微信,刷新,页面,wx
From: https://www.cnblogs.com/myzerg/p/17531153.html

相关文章

  • 新增接口&页面布局
    1.新增1.1.新增接口1.2.观察前端页面我们需要在前端弄一个增加的对话框给新增的按钮绑定openEditUI方法效果(感觉右边太窄了)其他:......
  • WordPress主题,当前页面使用了哪个template模板文件?
    对于页面与模板的对应情况一般都是能确定的,不过新朋友一时不熟悉可能还是需要花一点时间。其实,可以有一个小技巧,可以快速确定当前页面对应的模板文件。想要实现上面的效果,只需将下面代码加入主题的 functions.php 文件。functionzhuige_admin_bar_init(){//Ifnota......
  • kubesphere 重新部署deployment的页面实现
    找到工作负载的某一个,点击:部署那边点击重新创建即可 ......
  • 解决微信H5的图片缓存问题
    一、缓存可以解决什么问题?他的缺点是什么?1、缓存可以解决什么问题:减少不必要的网络传输,节约宽带更快的加载页面减少服务器负载,避免服务器过载的情况出现2、缓存的缺点:占内存,有些缓存会被存到内存中页面更新不及时,使用过时的图片、样式文件3、总结来说:开发阶段需要频......
  • ios应用免签+微信双开
    一句话概括:用TrollStore自动加签安装微信ipa文件,实现ios上微信应用分身。工具:1.ios14.12.GTACarTracher这个应用程序并不是真正的GTACarTracker,而是伪装的TrollStoreHelper。GTA就是TrollStore的安装器3.TrollStore:巨魔ios免费自签工具,可以用来安装ipa文件,ipa......
  • iframe嵌套其它网站页面 全屏设置
    背景:今天在使用iframe时,发现嵌套页面中有个【全屏】功能,不好使,查了一下,发现iframe还有1个属性allowfullscreen设置,可以设置是否支持全屏,默认是false,现在把iframe的基础属性整理一下。iframe基本属性通常我们使用iframe主要设置 src,宽、高,是否滚动,其实有一些不常用的属性<if......
  • 微信小程序开发避坑
    1.wx.showModal未报错,也未执行。title必须为string类型wx.showModal({title:res.statusCode,content:'错误码:'+res.statusCode,showCancel:false,complete(){isShow=false}})2.map组件移动marker闪烁不能直接......
  • 未来数据定时刷新——从zset中获取预设时间内的任务添加到list中
    未来数据定时刷新——实现步骤:定时任务/每分钟————》未来数据的keys————》按照分值查询zset,判断数据是否到期——到期》同步到Redis中的list 1、如何获取zset中所有的key?keys模糊匹配,future。效率低SCNA命令:SCAN命令是一个基于游标的迭代器,SCAN命令......
  • C#使用企业微信群聊机器人API
    publicclassOperationResult{publicboolIsSuccess{get;set;}publicintErrorCode{get;set;}publicstringContent{get;set;}}OperationResultinternalstaticclassTextType{internalst......
  • 客服系统机器人源码-微信专属个人助理可对接GPT
    我们大家都见过很多微信机器人,对接了GPT以后效果非常好,可以作为微信群里的助理,帮助我们回答各种问题 现在我来分享一下微信机器人的源码,该源码是golang开发,可以实现模拟个人微信桌面版登录,监听到微信的各种消息。下面就是完整代码packagemainimport("fmt""gi......