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


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 相关文章推荐
对textarea框的代码调试,而且功能上使用非常方便,酷
Jun 30 Javascript
js下通过getList函数实现分页效果的代码
Sep 17 Javascript
ASP.NET jQuery 实例17 通过使用jQuery validation插件校验ListBox
Feb 03 Javascript
浅析XMLHttpRequest的缓存问题
Dec 13 Javascript
JavaScript使用cookie实现记住账号密码功能
Apr 27 Javascript
javascript实现页面滚屏效果
Jan 17 Javascript
Angular2使用Angular-CLI快速搭建工程(二)
May 21 Javascript
Angular实现预加载延迟模块的示例
Oct 12 Javascript
详解vue 单页应用(spa)前端路由实现原理
Apr 04 Javascript
Vue-cli3多页面配置详解
Mar 22 Javascript
vue+element-ui表格封装tag标签使用插槽
Jun 18 Javascript
JavaScript实现简单日历效果
Sep 11 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的类树(支持无限分类)
2006/10/09 PHP
PHP DataGrid 实现代码
2009/08/12 PHP
php注册系统和使用Xajax即时验证用户名是否被占用
2017/08/31 PHP
jQuery ajax在GBK编码下表单提交终极解决方案(非二次编码方法)
2010/10/20 Javascript
js中复制行和删除行的操作实例
2013/06/25 Javascript
Javascript小技巧之生成html元素
2014/05/15 Javascript
jQuery中width()方法用法实例
2014/12/24 Javascript
Javascript基础教程之JavaScript语法
2015/01/18 Javascript
基于jquery实现百度新闻导航菜单滑动动画
2016/03/15 Javascript
JS判断iframe是否加载完成的方法
2016/08/03 Javascript
浅谈jQuery为哪般去掉了浏览器检测
2016/08/29 Javascript
JS与jQuery实现隔行变色的方法
2016/09/09 Javascript
浅谈js中的引用和复制(传值和传址)
2016/09/18 Javascript
Bootstrap超大屏幕的实现代码
2017/03/22 Javascript
详解Angular路由之路由守卫
2018/05/10 Javascript
详解mpvue中使用vant时需要注意的onChange事件的坑
2019/05/16 Javascript
JQuery Ajax如何实现注册检测用户名
2020/09/25 jQuery
关于小程序优化的一些建议(小结)
2020/12/10 Javascript
[59:32]Liquid vs Fnatic 2019国际邀请赛淘汰赛败者组BO1 8.20.mp4
2020/07/19 DOTA
Windows下用py2exe将Python程序打包成exe程序的教程
2015/04/08 Python
Python脚本实现12306火车票查询系统
2016/09/30 Python
python 创建弹出式菜单的实现代码
2017/07/11 Python
Python分支结构(switch)操作简介
2018/01/17 Python
python实现装饰器、描述符
2018/02/28 Python
Django如何配置mysql数据库
2018/05/04 Python
Python获取、格式化当前时间日期的方法
2020/02/10 Python
Belvilla德国:在线预订度假屋
2018/04/10 全球购物
美国最大的购物网站:Amazon.com(亚马逊美国)
2020/05/23 全球购物
会计专业应届生自荐信
2014/02/07 职场文书
中学生寄语大全
2014/04/03 职场文书
基层领导干部“四风”问题批评与自我批评
2014/09/23 职场文书
领导班子奢靡之风查摆问题及整改措施
2014/09/27 职场文书
六一文艺汇演主持词
2015/06/30 职场文书
法制教育讲座心得体会
2016/01/14 职场文书
2019年教师节活动策划方案
2019/09/09 职场文书
python绘图subplots函数使用模板的示例代码
2021/04/30 Python