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


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 相关文章推荐
DOMAssitant最新版 DOMAssistant 2.5发布
Dec 25 Javascript
页面载入结束自动调用js函数示例
Sep 23 Javascript
javascript中的return和闭包函数浅析
Jun 06 Javascript
基于jquery实现可定制的web在线富文本编辑器附源码下载
Nov 17 Javascript
jQuery mobile类库使用时加载导航历史的方法简介
Dec 04 Javascript
Jquery元素追加和删除的实现方法
May 24 Javascript
利用imgareaselect辅助后台实现图片上传裁剪
Mar 02 Javascript
VUE axios发送跨域请求需要注意的问题
Jul 06 Javascript
JavaScript 判断对象中是否有某属性的常用方法
Jun 14 Javascript
JQuery使用属性addClass、removeClass和toggleClass实现增加和删除类操作示例
Nov 18 jQuery
d3.js 地铁轨道交通项目实战
Nov 27 Javascript
JavaScript实现串行请求的示例代码
Sep 14 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
各种战术和打法的原创者
2020/03/04 星际争霸
德劲1103的维修打理经验
2021/03/02 无线电
php4的session功能评述(三)
2006/10/09 PHP
使用zend studio for eclipse不能激活代码提示功能的解决办法
2009/10/11 PHP
在PHP中利用wsdl创建标准webservice的实现代码
2011/12/07 PHP
PHP的autoload机制的实现解析
2012/09/15 PHP
CI框架安全类Security.php源码分析
2014/11/04 PHP
PHP执行SQL文件并将SQL文件导入到数据库
2015/09/17 PHP
js对列表中第一个值处理与jsp页面对列表中第一个值处理的区别详解
2013/11/05 Javascript
z-blog SyntaxHighlighter 长代码无法换行解决办法(jquery)
2014/11/16 Javascript
JavaScript数据类型详解
2015/04/01 Javascript
JavaScript之数组(Array)详解
2015/04/01 Javascript
JS动态修改图片的URL(src)的方法
2015/04/01 Javascript
原生js实现模拟滚动条
2015/06/15 Javascript
javascript封装 Cookie 应用接口
2015/08/07 Javascript
jQuery javascript获得网页的高度与宽度的实现代码
2016/04/26 Javascript
AngularJS ngModel实现指令与输入直接的数据通信
2016/09/21 Javascript
Vue.js实现在下拉列表区域外点击即可关闭下拉列表的功能(自定义下拉列表)
2017/05/30 Javascript
解决webpack -p压缩打包react报语法错误的方法
2017/07/03 Javascript
Vue2.0系列之过滤器的使用
2018/03/01 Javascript
Promise.all中对于reject的处理方法
2018/08/01 Javascript
微信小程序的注册页面包含倒计时验证码、获取用户信息
2019/05/22 Javascript
24个解决实际问题的ES6代码片段(小结)
2020/02/02 Javascript
Quasar Input:type="number" 去掉上下小箭头 实现加减按钮样式功能
2020/04/09 Javascript
解决antd日期选择组件,添加value就无法点击下一年和下一月问题
2020/10/29 Javascript
Python实现的文本简单可逆加密算法示例
2017/05/18 Python
全网最细 Python 格式化输出用法讲解(推荐)
2021/01/18 Python
师说教学反思
2014/02/07 职场文书
跑操口号
2014/06/12 职场文书
新文化运动的基本口号
2014/06/21 职场文书
2014年计生协会工作总结
2014/11/21 职场文书
大学生个人简历自荐信
2015/03/06 职场文书
春风化雨观后感
2015/06/11 职场文书
盲山观后感
2015/06/11 职场文书
矛盾论读书笔记
2015/06/29 职场文书
Python实现DBSCAN聚类算法并样例测试
2021/06/22 Python