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


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 相关文章推荐
javascript 对象定义方法 简单易学
Mar 22 Javascript
工作需要写的一个js拖拽组件
Jul 28 Javascript
判断js中各种数据的类型方法之typeof与0bject.prototype.toString讲解
Nov 07 Javascript
使用insertAfter()方法在现有元素后添加一个新元素
May 28 Javascript
13 款最热门的 jQuery 图像 360 度旋转插件推荐
Dec 09 Javascript
jQuery实现图片轮播效果代码(基于jquery.pack.js插件)
Jun 02 Javascript
微信小程序 教程之模板
Oct 18 Javascript
基于Vue.js实现简单搜索框
Mar 26 Javascript
echarts3 使用总结(绘制各种图表,地图)
Jan 05 Javascript
Vue.js 2.5新特性介绍(推荐)
Oct 24 Javascript
详解如何提升JSON.stringify()的性能
Jun 12 Javascript
浅析VUE防抖与节流
Nov 24 Vue.js
关于微信小程序获取小程序码并接受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 Document 代码注释规范
2009/04/13 PHP
PHP实现将科学计数法转换为原始数字字符串的方法
2014/12/16 PHP
PHP使用NuSOAP调用Web服务的方法
2015/07/18 PHP
WordPress用户登录框密码的隐藏与部分显示技巧
2015/12/31 PHP
Yii2中关联查询简单用法示例
2016/08/10 PHP
Yii遍历行下每列数据的方法
2016/10/17 PHP
YII2框架中查询生成器Query()的使用方法示例
2020/03/18 PHP
JS Timing
2007/04/21 Javascript
JavaScript Konami Code 实现代码
2009/07/29 Javascript
js 未结束的字符串常量错误解决方法
2010/06/13 Javascript
formStorage 基于jquery的一个插件(存储表单中元素的状态到本地)
2012/01/20 Javascript
JS冒泡事件的快速解决方法
2013/12/16 Javascript
jQuery随机密码生成的方法
2015/03/09 Javascript
js获取form的方法
2015/05/06 Javascript
js时钟翻牌效果实现代码分享
2020/07/31 Javascript
MVC Ajax Helper或Jquery异步加载部分视图
2015/11/29 Javascript
BootStrap的弹出框(Popover)支持鼠标移到弹出层上弹窗层不隐藏的原因及解决办法
2016/04/03 Javascript
微信小程序获取微信运动步数的实例代码
2017/07/20 Javascript
在Vue methods中调用filters里的过滤器实例
2018/08/30 Javascript
在Vue中用canvas实现二维码和图片合成海报的方法
2019/06/10 Javascript
JavaScript实现移动端弹窗后禁止滚动
2020/05/25 Javascript
Python数组遍历的简单实现方法小结
2016/04/27 Python
Python并发:多线程与多进程的详解
2019/01/24 Python
详解用Pytest+Allure生成漂亮的HTML图形化测试报告
2020/03/31 Python
墨尔本照明批发商店:Mica Lighting
2017/12/28 全球购物
医院总经理职责
2013/12/26 职场文书
创建省级文明单位实施方案
2014/02/27 职场文书
给孩子的新年寄语
2014/04/08 职场文书
赔偿协议书范本
2014/04/15 职场文书
经典禁毒标语
2014/06/16 职场文书
2014年城市管理工作总结
2014/12/02 职场文书
2015年元旦主持词结束语
2014/12/14 职场文书
2015年度公共机构节能工作总结
2015/05/26 职场文书
新闻报道稿范文
2015/07/23 职场文书
MySQL定时备份数据库(全库备份)的实现
2021/09/25 MySQL
Canvas如何做个雪花屏版404的实现
2021/09/25 HTML / CSS