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


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实现点击按钮后变灰避免多次重复提交
Jul 15 Javascript
ie与ff下的event事件使用介绍
Nov 25 Javascript
Google (Local) Search API的简单使用介绍
Nov 28 Javascript
轻松实现javascript图片轮播特效
Jan 13 Javascript
jquery精度计算代码 jquery指定精确小数位
Feb 06 Javascript
如何在AngularJs中调用第三方插件库
May 21 Javascript
Node 自动化部署的方法
Oct 17 Javascript
js实现数组内数据的上移和下移的实例
Nov 14 Javascript
在Angular中使用JWT认证方法示例
Sep 10 Javascript
vue使用localStorage保存登录信息 适用于移动端、PC端
May 27 Javascript
Vue双向绑定实现原理与方法详解
May 07 Javascript
JavaScript实现弹出窗口效果
Dec 09 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
实现了一个PHP5的getter/setter基类的代码
2007/02/25 PHP
YII模块实现绑定二级域名的方法
2014/07/09 PHP
ThinkPHP中where()使用方法详解
2016/04/19 PHP
Zend Framework框架中实现Ajax的方法示例
2017/06/27 PHP
php xhprof使用实例详解
2019/04/15 PHP
DOM精简教程
2006/10/03 Javascript
25个非常棒的jQuery滑块插件和教程小结
2011/09/02 Javascript
jquery getScript动态加载JS方法改进详解
2012/11/15 Javascript
JavaScript中用getDate()方法返回指定日期的教程
2015/06/09 Javascript
js强制把网址设为默认首页
2015/09/29 Javascript
Jquery ajax加载等待执行结束再继续执行下面代码操作
2015/11/24 Javascript
javascript常用经典算法实例详解
2015/11/25 Javascript
jQuery使用模式窗口实现在主页面和子页面中互相传值的方法
2016/03/01 Javascript
再次谈论Javascript中的this
2016/06/23 Javascript
jquery实现跳到底部,回到顶部效果的简单实例(类似锚)
2016/07/10 Javascript
js基础之DOM中document对象的常用属性方法详解
2016/10/28 Javascript
详解React中的组件通信问题
2017/07/31 Javascript
在vue中使用jointjs的方法
2018/03/24 Javascript
讲解vue-router之命名路由和命名视图
2018/05/28 Javascript
vuejs使用axios异步访问时用get和post的实例讲解
2018/08/09 Javascript
详解JavaScript添加给定的标签选项
2018/09/17 Javascript
vue移动端实现手机左右滑动入场动画
2020/06/17 Javascript
c++生成dll使用python调用dll的方法
2014/01/20 Python
Python 检查数组元素是否存在类似PHP isset()方法
2014/10/14 Python
Python Nose框架编写测试用例方法
2017/10/26 Python
python实现扫描日志关键字的示例
2018/04/28 Python
Django自定义模板过滤器和标签的实现方法
2019/08/21 Python
Python基于gevent实现高并发代码实例
2020/05/15 Python
Python命令行参数argv和argparse该如何使用
2021/02/08 Python
Sperry官网:帆船鞋创始品牌
2016/09/07 全球购物
尼克松手表官网:Nixon手表
2019/03/17 全球购物
Jacadi Paris英国官网:法国童装品牌
2019/08/09 全球购物
小学生综合素质评语
2014/04/23 职场文书
建国大业电影观后感
2015/06/01 职场文书
歌舞青春观后感
2015/06/10 职场文书
mysql数据库实现设置字段长度
2022/06/10 MySQL