广告
返回顶部
首页 > 资讯 > 精选 >微信小程序如何设置刷新当前页面
  • 393
分享到

微信小程序如何设置刷新当前页面

2024-04-02 19:04:59 393人浏览 八月长安
摘要

使用this.onShow()函数实现刷新当前页面首先,进入微信开发者工具,打开小程序文件目录;在文件目录中,依次查找:utils/app.JSON文件;最后,在app.js中,定义一个全局变量Flag,默认值为false,再调用接口获取数

微信小程序如何设置刷新当前页面

使用this.onShow()函数实现刷新当前页面

首先,进入微信开发工具,打开小程序文件目录;

在文件目录中,依次查找:utils/app.JSON文件;

最后,在app.js中,定义一个全局变量Flag,默认值为false,再调用接口获取数据即可;

代码如下:

onShow: function(){

if (app.globalData.Flag) {

app.globalData.Flag = false;

this.getData();//调用接口获取数据

}

}

--结束END--

本文标题: 微信小程序如何设置刷新当前页面

本文链接: https://www.lsjlt.com/news/116005.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 微信小程序如何设置刷新当前页面
    使用this.onShow()函数实现刷新当前页面首先,进入微信开发者工具,打开小程序文件目录;在文件目录中,依次查找:utils/app.json文件;最后,在app.js中,定义一个全局变量Flag,默认值为false,再调用接口获取数...
    99+
    2022-10-03
  • 微信小程序怎么设置页面自动刷新
    微信小程序设置页面自动刷新的方法:打开微信小程序开发工具,新建项目。在wxml文件中插入view标签并绑定变量,代码:<view class="num">  <view&g...
    99+
    2022-10-06
  • 微信小程序如何切换当前页面
    微信小程序通过左右滑动切换当前页面,实现方法:在wxml文件中绑定事件,代码:<view class="container" bindtouchstart="touchStart&qu...
    99+
    2022-10-05
  • 微信小程序delta后如何刷新页面
    微信小程序delta后刷新页面的方法:方法一:this.onLoad(),在delta操作函数中调用this.onLoad()或that.onLoad()方法二:this.onReady() 或者 this.onShow()。在delta操...
    99+
    2022-10-15
  • 微信小程序如何清空当前页面数据
    微信小程序清空当前页面数据的案例:在wmxl文件添加以下代码。<form bindreset='changeReset'>    <input n...
    99+
    2022-10-06
  • 微信小程序开发中如何动态设置当前页面的标题
    这篇“微信小程序开发中如何动态设置当前页面的标题”文章,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要参考一下,对于“微信小程序开发中如何动态设置当前页面的标题”,小编整理了以下知识点,请大家跟着小编的步伐一步一步的...
    99+
    2023-06-26
  • 微信小程序页面怎么实时刷新
    微信小程序页面实时刷新的案例:在wxml文件中插入view标签并绑定变量。<view class="num"><view>{{num}}</view></view>...
    99+
    2022-10-16
  • 微信小程序怎么传参给当前页面
    微信小程序传参给当前页面的方法:用 navigator标签传值或 wx.navigator。<navigator class="hotCateColumn" url="../detai...
    99+
    2022-10-21
  • 微信小程序 操作完当前页面会,自动返回上一级页面,上一级页面自动刷新
    小程序页面有5个声明周期: 是由onLoad(页面加载)、onReady(页面初次渲染完成)、onShow(页面显示)、onUnload(页面卸载)   实现返回上一页的时候 其实是直接将隐藏的页面显示出来,所以不存在页面的再次加载 A页...
    99+
    2023-10-06
    微信小程序 小程序 前端 javascript
  • 微信小程序如何设置页面转换
    微信小程序中实现页面转换的几种方法wx.navigateTo()方法wx.navigateTo({url: '跳转的页面地址'})wx.redirectTo()方法wx.redirectTo({url: '跳转的页面地址'})wx.swit...
    99+
    2022-10-25
  • uni-app 微信小程序 保存当前页面为图片
    由于在微信小程序环境下面没法获取dom,很多方法都很难去实现保存html结构的页面,比较有效的#painter 可以不需要操作dom,但是那玩意儿和重新用js写个页面一样,简单的页面还好,复杂的,元素比较多的就很麻烦,所以考虑用webvie...
    99+
    2023-09-13
    微信小程序 uni-app 小程序 vue.js Powered by 金山文档
  • 小程序开发中如何实现停止当前页面下拉刷新
    这篇“小程序开发中如何实现停止当前页面下拉刷新”文章,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要参考一下,对于“小程序开发中如何实现停止当前页面下拉刷新”,小编整理了以下知识点,请大家跟着小编的步伐一步一步的慢慢...
    99+
    2023-06-26
  • 小程序怎么设置页面下拉刷新
    小程序设置页面下拉刷新的案例:在home.js文件添加以下代码实现。//下拉刷新onPullDownRefresh:function(){wx.showNavigationBarLoading() //在标题栏中显示加载//模拟加...
    99+
    2022-10-19
  • 微信小程序怎么设置首页页面
    微信小程序设置首页页面的方法:在app.json文件中,找到pages数组,设置在第一个的页面就是默认启动页面,因此需要调整你当前开发的页面顺序。在提交正式版本的时候,“配置功能页面”的一步,在功能页面一栏里,选择需要设置为首页页面。在小程...
    99+
    2022-10-17
  • 微信小程序中如何实现返回tabBar不刷新页面
    这篇文章主要介绍微信小程序中如何实现返回tabBar不刷新页面,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!1、在一个项目中,遇到了这个场景:返回tabBar中的某个页面是需要保存数...
    99+
    2022-10-19
  • 微信小程序里如何设置页面底部
    微信小程序里设置页面底部的案例:在小程序项目中app.json配置文件下,添加代码:"tabBar": {"color": "#a9b7b7","selectedColor": "#11cd6e","borderStyle":"white"...
    99+
    2022-10-10
  • 微信小程序页面在哪里设置
    使用微信开发者工具对小程序页面进行设置首先从本地电脑中进入微信开发者工具,打开小程序文件目录;在文件目录中,依次查找:pages/logs/logs.json文件;打开logs.json文件,在文件中写入相应的页面配置,保存即可。...
    99+
    2022-10-14
  • 微信小程序一级页面和二级页面如何设置
    今天小编给大家分享一下微信小程序一级页面和二级页面如何设置的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。 &nbs...
    99+
    2023-06-26
  • 基于uniapp的微信小程序如何刷新页面(绝对有效)
    由于我的毕业设计就是用uniapp写的微信小程序。 碰到了这样的问题,查了许多资料,最终找到了这样的方法。 现在写出来给大家节约时间和精力。 就是用uni.redirectTo 实现页面跳转从而实现页面刷新 // 这是一个点击事件btn...
    99+
    2023-08-16
    微信小程序 uni-app 小程序
  • 微信小程序如何实现下拉刷新界面
    这篇文章主要介绍微信小程序如何实现下拉刷新界面,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!微信小程序下拉刷新界面的实现利用onPullDownRefresh函数设置下拉刷新功能一、...
    99+
    2022-10-19
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作