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


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 相关文章推荐
超强的IE背景图片闪烁(抖动)的解决办法
Sep 09 Javascript
十分钟打造AutoComplete自动完成效果代码
Dec 26 Javascript
使用jQuery实现dropdownlist的联动效果(sharepoint 2007)
Mar 30 Javascript
使用jQuery内容过滤选择器选择元素实例讲解
Apr 18 Javascript
jquery实现滑动特效代码
Aug 10 Javascript
BootStrap的Datepicker控件使用心得分享
May 25 Javascript
浅析jQuery操作select控件的取值和设值
Dec 07 Javascript
Vue.js中用webpack合并打包多个组件并实现按需加载
Feb 17 Javascript
php简单数据库操作类的封装
Jun 08 Javascript
使用Bootstrap和Vue实现用户信息的编辑删除功能
Oct 25 Javascript
JavaScript实现单例模式实例分享
Dec 22 Javascript
在vue中使用G2图表的示例代码
Mar 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
php中实现用数组妩媚地生成要执行的sql语句
2015/07/10 PHP
php和js实现根据子网掩码和ip计算子网功能示例
2019/11/09 PHP
基于JQuery的cookie插件
2010/04/07 Javascript
基于jquery的横向滚动条(滑动条)
2011/02/24 Javascript
js点击事件链接的问题解决
2014/04/25 Javascript
Redis基本知识、安装、部署、配置笔记
2015/03/05 Javascript
PhantomJS快速入门教程(服务器端的 JavaScript API 的 WebKit)
2015/08/06 Javascript
JS实现屏蔽网页右键复制及ctrl+c复制的方法【2种方法】
2016/09/04 Javascript
微信小程序 Video API实例详解
2016/10/02 Javascript
浅谈bootstrap使用中的一些问题以及解决过程
2016/10/18 Javascript
JSON 必知必会 观后记
2016/10/27 Javascript
Es6 写的文件import 起来解决方案详解
2016/12/13 Javascript
基于javascript实现数字英文验证码
2017/01/25 Javascript
Angular5.1新功能分享
2017/12/21 Javascript
jQuery代码优化方法总结
2018/01/29 jQuery
js最实用string(字符串)类型的使用及截取与拼接详解
2019/04/26 Javascript
详解Webpack如何引入CDN链接来优化编译后的体积
2019/06/21 Javascript
在Chrome DevTools中调试JavaScript的实现
2020/04/07 Javascript
pip安装Python库时遇到的问题及解决方法
2017/11/23 Python
Python之多线程爬虫抓取网页图片的示例代码
2018/01/10 Python
Python内置模块hashlib、hmac与uuid用法分析
2018/02/12 Python
关于python2 csv写入空白行的问题
2018/06/22 Python
python 从文件夹抽取图片另存的方法
2018/12/04 Python
教你如何编写、保存与运行Python程序的方法
2019/07/12 Python
python numpy 常用随机数的产生方法的实现
2019/08/21 Python
opencv 实现特定颜色线条提取与定位操作
2020/06/02 Python
HTML5本地存储之Database Storage应用介绍
2013/01/06 HTML / CSS
DJI大疆德国官方商城:大疆无人机
2018/09/01 全球购物
韩国乐天网上商城:Lotte iMall
2021/02/03 全球购物
J2ee常用的设计模式?说明工厂模式
2015/05/21 面试题
新闻记者个人求职的自我评价
2013/11/28 职场文书
毕业实习单位意见
2015/06/04 职场文书
换届选举主持词
2015/07/03 职场文书
2015年秋季开学典礼校长致辞
2015/07/16 职场文书
公司财务制度:成本管理控制制度模板
2019/11/19 职场文书
Python通过m3u8文件下载合并ts视频的操作
2021/04/16 Python