免费网站建设域名,西安高端模板建站,雄安微网站开发,服装电子商务网站建设3000字微信小程序蕴含着众多功能#xff0c;本期将简单介绍实现页面下拉刷新的方法#xff0c;通过阅读本文#xff0c;读者们可以自行动手操作#xff0c;在实践中认识微信小程序。首先#xff0c;我们需在json配置中写出以下配置#xff1a;enablePullDownRefresh本期将简单介绍实现页面下拉刷新的方法通过阅读本文读者们可以自行动手操作在实践中认识微信小程序。首先我们需在json配置中写出以下配置enablePullDownRefresh:true此配置允许小程序做下拉刷新的动作。如果想让程序中全部页面都允许下拉刷新则可以只在app.json中写。如若想让局部页面实现下拉刷新则需在要实现此功能的页面的局部页面配置中写出(注意这里的true是布尔型而不是字符)。紧接着我们在js中写下(详解看注释)//下拉刷新onPullDownRefresh: function() { //显示顶部加载图标 wx.showNavigationBarLoading(), //关闭所有页面跳转页面 wx.reLaunch({ url:../home/home,//此路径仅为例子 }) //消息提示框 wx.showToast({ title: 努力加载中, icon: loading }); //模拟加载时间 setTimeout(function() { //停止刷新 wx.stopPullDownRefresh(), //隐藏消息提示框 wx.hideToast(), //隐藏顶部加载图标 wx.hideNavigationBarLoading() }, 1000);}至此就完成了微信小程序下拉刷新功能的实现了(以上是模拟下拉刷新的代码如需做到实时刷新页面数据则需获取动态数据)。读者们也可以通过阅读官方文档在下拉刷新中增添一些交互功能使用户体验更佳。小程序蕴含着众多功能若想实现众多复杂的功能则需多多阅读官方文档多多上手实践所谓打铁还需自身硬过硬的基础可以使我们在开发的过程中游刃有余。本期小程序知识就到这里我们下周三再见。文案韦孙豪排版李帝江审核郭芳钦长按关注
