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


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 相关文章推荐
JQuery 无废话系列教程(二) jquery实战篇上
Jun 23 Javascript
同一页面多个商品倒计时JS 基于面向对象的javascript
Feb 16 Javascript
JavaScript数据结构和算法之图和图算法
Feb 11 Javascript
JQuery给网页更换皮肤的方法
May 30 Javascript
jQuery实现类似标签风格的导航菜单效果代码
Aug 25 Javascript
基于JavaScript创建动态Dom
Dec 08 Javascript
轻松学习Javascript闭包函数
Dec 15 Javascript
jquery对复选框(checkbox)的操作汇总
Jan 13 Javascript
使用jQuery处理AJAX请求的基础学习教程
May 10 Javascript
Bootstrap如何激活导航状态
Mar 22 Javascript
JS实现TITLE悬停长久显示效果完整示例
Feb 11 Javascript
javascript实现时间日期的格式化的方法汇总
Aug 06 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
php中引用符号(&)的使用详解
2013/11/13 PHP
Code: write(s,d) 输出连续字符串
2007/08/19 Javascript
Js 去掉字符串中的空格(实现代码)
2013/11/19 Javascript
用js一次改变多个input的readonly属性值的方法
2014/06/11 Javascript
js常用系统函数用法实例分析
2015/01/12 Javascript
js获取域名的方法
2015/01/27 Javascript
jQuery制作简洁的图片轮播效果
2015/04/03 Javascript
jquery使用each方法遍历json格式数据实例
2015/05/18 Javascript
JavaScript面向对象程序设计教程
2016/03/29 Javascript
javascript和jQuery中的AJAX技术详解【包含AJAX各种跨域技术】
2016/12/15 Javascript
BootStrap 模态框实现刷新网页并关闭功能
2017/01/04 Javascript
JS基于onclick事件实现单个按钮的编辑与保存功能示例
2017/02/13 Javascript
使用JavaScript开发跨平台的桌面应用详解
2017/07/27 Javascript
javascript+html5+css3自定义弹出窗口效果
2017/10/26 Javascript
nodejs acl的用户权限管理详解
2018/03/14 NodeJs
Vue 中使用 CSS Modules优雅方法
2018/04/09 Javascript
vue列表单项展开收缩功能之this.$refs的详解
2019/05/05 Javascript
浅谈vue中$bus的使用和涉及到的问题
2020/07/28 Javascript
[03:30]完美盛典趣味短片 CSGO2019年度名场面
2019/12/07 DOTA
python网络编程学习笔记(七):HTML和XHTML解析(HTMLParser、BeautifulSoup)
2014/06/09 Python
python检查指定文件是否存在的方法
2015/07/06 Python
Python使用lxml模块和Requests模块抓取HTML页面的教程
2016/05/16 Python
实例解析Python的Twisted框架中Deferred对象的用法
2016/05/25 Python
tensorflow 利用expand_dims和squeeze扩展和压缩tensor维度方式
2020/02/07 Python
Python实现括号匹配方法详解
2020/02/10 Python
PyCharm设置Ipython交互环境和宏快捷键进行数据分析图文详解
2020/04/23 Python
Python 添加文件注释和函数注释操作
2020/08/09 Python
python中reload重载实例用法
2020/12/15 Python
经典而简洁的婚礼主持词
2014/03/13 职场文书
五年级学生评语
2014/04/22 职场文书
领导四风问题整改措施思想汇报
2014/10/13 职场文书
2014年物业公司工作总结
2014/11/22 职场文书
2015年幼儿园新年寄语
2014/12/08 职场文书
2019大学竞选班长发言稿
2019/06/27 职场文书
详细谈谈MYSQL中的COLLATE是什么
2021/06/11 MySQL
Python中第三方库Faker的使用详解
2022/04/02 Python