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


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 相关文章推荐
JS运行耗时操作的延时显示方法
Nov 19 Javascript
js工具方法弹出蒙版
May 08 Javascript
JS定义回车事件(实现代码)
Jul 08 Javascript
JQuery中Bind()事件用法分析
May 05 Javascript
KnockoutJS 3.X API 第四章之表单value绑定
Oct 10 Javascript
JS中判断null的方法分析
Nov 21 Javascript
Bootstrap3 内联单选和多选框
Dec 29 Javascript
浅谈JS对html标签的属性的干预以及对CSS样式表属性的干预
Jun 25 Javascript
webpack构建react多页面应用详解
Sep 15 Javascript
three.js实现3D视野缩放效果
Nov 16 Javascript
JavaScript监听键盘事件代码实现
Jun 03 Javascript
vue自定义组件实现双向绑定
Jan 13 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-fpm超时时间设置request_terminate_timeout资源问题分析
2019/09/27 PHP
Javascript this 的一些学习总结
2012/08/02 Javascript
JavaScript制作windows经典扫雷小游戏
2015/03/31 Javascript
JS获得多个同name 的input输入框的值的实现方法
2017/01/09 Javascript
JS遍历对象属性的方法示例
2017/01/10 Javascript
老生常谈angularjs中的$state.go
2017/04/24 Javascript
JavaScript实现的贝塞尔曲线算法简单示例
2018/01/30 Javascript
Vue 仿QQ左滑删除组件功能
2018/03/12 Javascript
vue 刷新之后 嵌套路由不变 重新渲染页面的方法
2018/09/13 Javascript
JavaScript数据结构与算法之二叉树插入节点、生成二叉树示例
2019/02/21 Javascript
详解Vue中CSS样式穿透问题
2019/09/12 Javascript
layui对工具条进行选择性的显示方法
2019/09/19 Javascript
CentOS 8.2服务器上安装最新版Node.js的方法
2020/12/16 Javascript
python+Django+apache的配置方法详解
2016/06/01 Python
浅析使用Python操作文件
2017/07/31 Python
100行Python代码实现自动抢火车票(附源码)
2018/01/11 Python
python 图像处理画一个正弦函数代码实例
2019/09/10 Python
Python实现元素等待代码实例
2019/11/11 Python
Python利用PyPDF2库获取PDF文件总页码实例
2020/04/03 Python
django 解决自定义序列化返回处理数据为null的问题
2020/05/20 Python
pycharm全局搜索的具体步骤
2020/07/28 Python
Reebok俄罗斯官方网上商店:购买锐步运动服装和鞋子
2016/09/26 全球购物
Tod’s英国官方网站:意大利奢华手工制作手袋和鞋履
2019/03/15 全球购物
法国低价在线宠物商店:bitiba.fr
2020/07/03 全球购物
PHP面试题集
2016/12/18 面试题
服装销售人员求职自我评价
2013/09/26 职场文书
劳动之星获奖感言
2014/02/01 职场文书
就业协议书范本
2014/04/11 职场文书
超市商业计划书
2014/05/04 职场文书
音乐节策划方案
2014/06/09 职场文书
禁毒宣传标语
2014/06/19 职场文书
人事局接收函
2015/01/31 职场文书
2015年医院护理部工作总结
2015/04/23 职场文书
三方合作意向书范本
2015/05/09 职场文书
HR在给员工开具离职证明时,需要注意哪些问题?
2019/07/03 职场文书
pytest进阶教程之fixture函数详解
2021/03/29 Python