微信小程序如何刷新当前界面的实现方法


Posted in Javascript onJune 07, 2019

在微信小程序开发的过程中,在一个页面中对数据操作之后我们大多数时间都需要刷新一下当前界面以把操作之后的结果显示出来,但是如何在执行操作后进行本页面的刷新就成了一个问题很大但是很需要的操作。下面介绍一下微信小程序刷新当前界面的几种方法。

方法一:this.onLoad()

使用方法:在操作函数中调用this.onLoad()或that.onLoad()(有时候this的作用域不够的时候需要定义that = this)。

适用场景:本次操作对页面onLoad函数所携带的各种参数没有影响。这时候我们在页面第一次执行onLoad函数的时候可以定义一个变量_options将onLoad函数的参数options存储到这个变量中,等操作函数执行完毕时,调用this.onLoad(_options),如果本次操作之后下一次该界面加载时onLoad函数的options变量发生了改变则使用该方法无效。

方法二:this.onReady() 或者 this.onShow()(亲测有效)

使用方法:在操作函数中调用this.onReady()函数。

使用前提:本页面的数据操作需要在页面的onReady()或onShow()函数中完成。

方法三:定义标志

使用方法:在app.js中,定义一个全局变量Flag,默认值为false,进入其它页面的时候将它置为true,在页面的onShow方法里加一个判断,如果Flag为true的话,先将它的值设置为false,再调用接口获取数据。代码如下:

onShow: function(){
   if (app.globalData.Flag) {
      app.globalData.Flag = false;
      this.getData();//调用接口获取数据
   } 
}

这种方法虽然感觉有点复杂而且笨重,但是确实可以解决实际问题。

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
Html中JS脚本执行顺序简单举例说明
Jun 19 Javascript
JavaScript实现16进制颜色值转RGB的方法
Feb 09 Javascript
JS函数的定义与调用方法推荐
May 12 Javascript
关于js函数解释(包括内嵌,对象等)
Nov 20 Javascript
JavaScript 监控微信浏览器且自带返回按钮时间
Nov 27 Javascript
jQuery弹出窗口打开链接的实现代码
Dec 24 Javascript
微信小程序 picker 组件详解及简单实例
Jan 10 Javascript
快速使用node.js进行web开发详解
Apr 26 Javascript
vue3.0 CLI - 3.2 路由的初级使用教程
Sep 20 Javascript
JS实现星星海特效
Dec 24 Javascript
详解JS函数防抖
Jun 05 Javascript
Javascript中的解构赋值语法详解
Apr 02 Javascript
关于微信小程序获取小程序码并接受buffer流保存为图片的方法
Jun 07 #Javascript
vue集成kindeditor富文本的实现示例代码
Jun 07 #Javascript
Vue使用Proxy监听所有接口状态的方法实现
Jun 07 #Javascript
你了解vue3.0响应式数据怎么实现吗
Jun 07 #Javascript
ES6小技巧之代替lodash
Jun 07 #Javascript
vue+element 模态框表格形式的可编辑表单实现
Jun 07 #Javascript
vue-cli3项目展示本地Markdown文件的方法
Jun 07 #Javascript
You might like
MYSQL数据库初学者使用指南
2006/11/16 PHP
php模板函数 正则实现代码
2012/10/15 PHP
php中注册器模式类用法实例分析
2015/11/03 PHP
jQuery选择头像并实时显示的代码
2010/06/27 Javascript
在Ajax中使用Flash实现跨域数据读取的实现方法
2010/12/02 Javascript
利用json获取字符出现次数的代码
2012/03/22 Javascript
谈谈JSON对象和字符串之间的相互转换JSON.stringify(obj)和JSON.parse(string)
2015/10/01 Javascript
JS实现简单的二维矩阵乘积运算
2016/01/26 Javascript
基于javascript html5实现3D翻书特效
2016/03/14 Javascript
vue webpack打包优化操作技巧
2018/02/22 Javascript
Vue中使用webpack别名的方法实例详解
2018/06/19 Javascript
浅谈微信页面入口文件被缓存解决方案
2018/09/29 Javascript
js实现图片上传到服务器和回显
2020/01/19 Javascript
echarts实现晶体球面投影的实例教程
2020/10/10 Javascript
使用C语言扩展Python程序的简单入门指引
2015/04/14 Python
Python实现给qq邮箱发送邮件的方法
2015/05/28 Python
python 构造三维全零数组的方法
2018/11/12 Python
python lambda表达式在sort函数中的使用详解
2019/08/28 Python
Pycharm及python安装详细步骤及PyCharm配置整理(推荐)
2020/07/31 Python
乌克兰排名第一的在线旅游超市:Farvater.Travel
2020/01/02 全球购物
群胜软件Java笔试题
2012/09/29 面试题
餐厅考勤管理制度
2014/01/28 职场文书
元旦活动感言
2014/03/08 职场文书
双语教学实施方案
2014/03/23 职场文书
《鹬蚌相争》教学反思
2014/04/22 职场文书
建筑工程专业大学生求职信
2014/04/23 职场文书
学校学雷锋活动总结
2014/06/26 职场文书
销售员试用期自我评价
2014/09/15 职场文书
法院四风对照检查材料思想汇报
2014/10/06 职场文书
儿园租房协议书范本
2014/12/02 职场文书
会计工作岗位职责
2015/02/03 职场文书
保险公司岗前培训工作总结
2015/10/24 职场文书
选择比努力更重要?这是长期以来对“努力”的最大误解
2019/07/12 职场文书
导游词之重庆钓鱼城
2019/09/19 职场文书
你真的了解PHP中的引用符号(&)吗
2021/05/12 PHP
使用CSS设置滚动条样式
2022/01/18 HTML / CSS