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


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技术-屏蔽类
Aug 15 Javascript
javascript中的对象和数组的应用技巧
Jan 07 Javascript
JavaScript数组对象赋值用法实例
Aug 04 Javascript
JS实现title标题栏文字不间断滚动显示效果
Sep 07 Javascript
js记录点击某个按钮的次数-刷新次数为初始状态的实例
Feb 15 Javascript
原生node.js案例--前后台交互
Feb 20 Javascript
react高阶组件经典应用之权限控制详解
Sep 07 Javascript
微信小程序 上传头像的实例详解
Oct 27 Javascript
js 取消页面可以选中文字的功能方法
Jan 02 Javascript
JavaScript闭包与作用域链实例分析
Jan 21 Javascript
vue history 模式打包部署在域名的二级目录的配置指南
Jul 02 Javascript
vue的三种图片引入方式代码实例
Nov 19 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
phpMyAdmin链接MySql错误 个人解决方案
2009/12/28 PHP
php的$_FILES的临时储存文件与回收机制实测过程
2013/07/12 PHP
php过滤表单提交的html等危险代码
2014/11/03 PHP
浅析PHP中Session可能会引起并发问题
2015/07/23 PHP
ThinkPHP中调用PHPExcel的实现代码
2017/04/08 PHP
tp5框架基于ajax实现异步删除图片的方法示例
2020/02/10 PHP
window.ActiveXObject使用说明
2010/11/08 Javascript
JavaScript高级程序设计 错误处理与调试学习笔记
2011/09/10 Javascript
Javascript图像处理—平滑处理实现原理
2012/12/28 Javascript
按钮接受回车事件的三种实现方法
2014/06/06 Javascript
JavaScript常用标签和方法总结
2015/09/01 Javascript
JavaScript下的时间格式处理函数Date.prototype.format
2016/01/27 Javascript
页面向下滚动ajax获取数据的实现方法(兼容手机)
2016/05/24 Javascript
BootStrap框架个人总结(bootstrap框架、导航条、下拉菜单、轮播广告carousel、栅格系统布局、标签页tabs、模态框、菜单定位)
2016/12/01 Javascript
深入浅析Nodejs的Http模块
2017/06/20 NodeJs
JS计算输出100元钱买100只鸡问题的解决方法
2018/01/04 Javascript
layui点击导航栏刷新tab页的示例代码
2018/08/14 Javascript
js回文数的4种判断方法示例
2019/06/04 Javascript
Vuex的API文档说明详解
2020/02/05 Javascript
vue 监听窗口变化对页面部分元素重新渲染操作
2020/07/28 Javascript
[54:56]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第三局
2016/03/06 DOTA
python面向对象_详谈类的继承与方法的重载
2017/06/07 Python
Python处理Excel文件实例代码
2017/06/20 Python
Python使用openpyxl读写excel文件的方法
2017/06/30 Python
Python简单实现的代理服务器端口映射功能示例
2018/04/08 Python
Python+selenium实现自动循环扔QQ邮箱漂流瓶
2018/05/29 Python
详解PyCharm安装MicroPython插件的教程
2019/06/24 Python
flask框架蓝图和子域名配置详解
2020/01/25 Python
英国领先的电子、技术和办公用品购物网站:Ebuyer
2018/04/04 全球购物
Prototype是怎么扩展DOM的
2014/10/01 面试题
班子四风对照检查材料
2014/08/21 职场文书
2015年党风廉政建设工作总结
2015/04/09 职场文书
三方合作意向书范本
2015/05/09 职场文书
趣味运动会赞词
2015/07/22 职场文书
护理工作心得体会
2016/01/22 职场文书
python基础之错误和异常处理
2021/10/24 Python