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

 更新时间:2019年06月07日 11:00:13   作者:编程小白-郭旭  
这篇文章主要介绍了微信小程序如何刷新当前界面的实现方法,文中通过示例代码介绍的非常详细,对大家学习或者使用小程序具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧

在微信小程序开发的过程中,在一个页面中对数据操作之后我们大多数时间都需要刷新一下当前界面以把操作之后的结果显示出来,但是如何在执行操作后进行本页面的刷新就成了一个问题很大但是很需要的操作。下面介绍一下微信小程序刷新当前界面的几种方法。

方法一: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();//调用接口获取数据
   } 
} 

这种方法虽然感觉有点复杂而且笨重,但是确实可以解决实际问题。

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对脚本之家的支持。

相关文章

  • layer.open弹层查看缩略图的原图,自适应大小的实例

    layer.open弹层查看缩略图的原图,自适应大小的实例

    今天小编就为大家分享一篇layer.open弹层查看缩略图的原图,自适应大小的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • 微信小程序开发技巧汇总

    微信小程序开发技巧汇总

    这篇文章主要介绍了微信小程序开发技巧汇总,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-07-07
  • 手机号码,密码正则验证

    手机号码,密码正则验证

    神奇的正则表达式可以帮助我们搞定所需的格式验证,常用的有手机号码,密码等,另附上做项目经常用到的一些正则,记录一下
    2014-09-09
  • JavaScript中保留两位小数的方法总结

    JavaScript中保留两位小数的方法总结

    这篇文章主要把相关保留两位小数的方法总结了一下,不同的场景用不同的方法,即用即取,文中的示例代码讲解详细, 感兴趣的小伙伴可以了解一下
    2023-06-06
  • 一个html5播放视频的video控件只支持android的默认格式mp4和3gp

    一个html5播放视频的video控件只支持android的默认格式mp4和3gp

    写了个html5播放视频的video控件,只支持mp4和3gp(android和ios默认支持的格式就写了这个) ,需要的朋友可以参考下
    2014-05-05
  • js实现简单手风琴效果

    js实现简单手风琴效果

    这篇文章主要为大家详细介绍了js实现简单手风琴效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • 浅谈页面装载js及性能分析方法

    浅谈页面装载js及性能分析方法

    这篇文章主要简单介绍了页面装载js及性能分析方法的相关资料,需要的朋友可以参考下
    2014-12-12
  • js基于setTimeout与setInterval实现多线程

    js基于setTimeout与setInterval实现多线程

    这篇文章主要介绍了js基于setTimeout与setInterval实现多线程的方法,分析了多线程的原理与javascript模拟实现多线程的相关技巧,需要的朋友可以参考下
    2016-06-06
  • JavaScript时间复杂度和空间复杂度

    JavaScript时间复杂度和空间复杂度

    这篇文章主要介绍了JavaScript时间复杂度和空间复杂度,时间复杂度和空间复杂度是衡量一个算法是否优秀的标准,通常我们比较两个算法时会用预先估算和事后统计,下文详细介绍,需要的朋友可以参考一下
    2022-07-07
  • 微信小程序用户授权最佳实践指南

    微信小程序用户授权最佳实践指南

    这篇文章主要给大家介绍了关于微信小程序用户授权最佳实践的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-05-05

最新评论