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


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中dialog属性小记
Sep 03 Javascript
jquery阻止后续事件只执行第一个事件
Jul 24 Javascript
JS组件系列之使用HTML标签的data属性初始化JS组件
Sep 14 Javascript
省市区三级联动jquery实现代码
Apr 15 Javascript
JS实现点击表头表格自动排序(含数字、字符串、日期)
Jan 22 Javascript
JavaScript数据结构之二叉树的删除算法示例
Apr 13 Javascript
vue 打包后的文件部署到express服务器上的方法
Aug 09 Javascript
canvas基础绘制-绚丽倒计时的实例
Sep 17 Javascript
vue按需引入element Transfer 穿梭框
Sep 30 Javascript
深入理解 webpack 文件打包机制(小结)
Jan 08 Javascript
Js 利用正则表达式和replace函数获取string中所有被匹配到的文本(推荐)
Oct 28 Javascript
浅谈Vue3.0新版API之composition-api入坑指南
Apr 30 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
zen_cart实现支付前生成订单的方法
2016/05/06 PHP
PHP htmlspecialchars() 函数实例代码及用法大全
2018/09/18 PHP
Prototype使用指南之range.js
2007/01/10 Javascript
JavaScript实现N皇后问题算法谜题解答
2014/12/29 Javascript
Node.js事件循环(Event Loop)和线程池详解
2015/01/28 Javascript
JavaScript中split与join函数的进阶使用技巧
2016/05/03 Javascript
AngularJS基础 ng-src 指令简单示例
2016/08/03 Javascript
使用ionic在首页新闻中应用到的跑马灯效果的实现方法
2017/02/13 Javascript
求js数组的最大值和最小值的四种方法
2017/03/03 Javascript
AngularJs 常用的过滤器
2017/05/15 Javascript
vue-quill-editor实现图片上传功能
2017/08/08 Javascript
关于jquery中attr()和prop()方法的区别
2018/05/28 jQuery
JS使用Prim算法和Kruskal算法实现最小生成树
2019/01/17 Javascript
js单线程的本质 Event Loop解析
2019/10/29 Javascript
微信小程序实现列表的横向滑动方式
2020/07/15 Javascript
python生成器的使用方法
2013/11/21 Python
SVM基本概念及Python实现代码
2017/12/27 Python
python取代netcat过程分析
2018/02/10 Python
python实现决策树分类
2018/08/30 Python
解决Django后台ManyToManyField显示成Object的问题
2019/08/09 Python
numpy.linalg.eig() 计算矩阵特征向量方式
2019/11/29 Python
Pytorch 数据加载与数据预处理方式
2019/12/31 Python
python实现音乐播放器 python实现花框音乐盒子
2020/02/25 Python
python使用pymongo与MongoDB基本交互操作示例
2020/04/09 Python
Django实现文章详情页面跳转代码实例
2020/09/16 Python
基于HTML5 WebGL的3D机房的示例
2018/03/16 HTML / CSS
C#面试常见问题
2013/02/25 面试题
八项规定整改措施
2014/02/12 职场文书
主管会计岗位职责
2014/03/13 职场文书
技术岗位竞聘演讲稿
2014/05/16 职场文书
预备党员自我批评思想汇报
2014/10/10 职场文书
幼师个人总结范文
2015/02/28 职场文书
求职简历自荐信怎么写
2015/03/26 职场文书
2016高考寄语或鼓励的话语
2015/12/04 职场文书
Mysql实现主从配置和多主多从配置
2021/06/02 MySQL
css3中transform属性实现的4种功能
2021/08/07 HTML / CSS