微信小程序 通过wx.redirectTo,实现单页面刷新效果 & 下拉刷新页面数据效果
2021/4/16 12:29:06
本文主要是介绍微信小程序 通过wx.redirectTo,实现单页面刷新效果 & 下拉刷新页面数据效果,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
微信小程序 通过wx.redirectTo,实现单页面刷新效果 & 下拉刷新页面数据效果
一: 使用 wx.redirectTo(),实现页面刷新数据效果
API说明:
关闭当前页面,跳转到应用内的某个页面。
但是不允许跳转到 tabbar 页面。
在小程序插件中使用时,只能在当前插件的页面中调用
实现效果:
例如,当点击某个按钮,清空了本地数据缓存,而页面显示效果并没有发生变化,
此时可以在按钮执行成功逻辑后,加入以下代码,以实现刷新页面效果.
refreshPage(){ wx.redirectTo({ url: '当前页面名称如:home' }) }
二:通过下拉刷新页面数据效果
① 开启下拉效果,在需要下拉效果的页面,json中加入以下代码
"enablePullDownRefresh":true
② 在需求页面中onPullDownRefresh()方法里面写入以下代码
//刷新页面方法 this.refreshPage() //就是上面第一种方法 //停止下拉 wx.stopPullDownRefresh()
这篇关于微信小程序 通过wx.redirectTo,实现单页面刷新效果 & 下拉刷新页面数据效果的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-22微信小程序的接口信息py可以抓到吗?-icode9专业技术文章分享
- 2024-11-22怎样解析出微信小程序二维码带的参数?-icode9专业技术文章分享
- 2024-11-22微信小程序二维码怎样解析成链接?-icode9专业技术文章分享
- 2024-11-22微信小程序接口地址的域名需要怎么设置?-icode9专业技术文章分享
- 2024-11-22微信小程序的业务域名有什么作用-icode9专业技术文章分享
- 2024-11-22微信小程序 image有类似html5的onload吗?-icode9专业技术文章分享
- 2024-11-22微信小程序中怎么实现文本内容超出行数后显示省略号?-icode9专业技术文章分享
- 2024-11-22微信小程序怎么实现分享样式定制和图片定制功能?-icode9专业技术文章分享
- 2024-11-20微信小程序全栈教程:从零开始的全攻略
- 2024-11-19微信小程序全栈学习:从零开始的完整指南