微信小程序判断页面是否从其他页面返回的实例代码


Posted in Javascript onJuly 03, 2019

微信小程序判断页面是否从其他页面返回,具体内容如下所示:

在 data 中自定义一个标记变量,在onLoad里

Page({
 data: {
  isNewOpen: true, //判断当前页面是新打开还是从其他页面返回 
  list: [], 
  page: 0
 },

 onLoad: function() { 
  this.getList()
 },
 
 getList () {
   // ...
 },
 
 goDetail (e) { 
  this.setData({
   isNewOpen: false
  })
  wx.navigateTo({
   url: `/pages/detail/detail`,
  }) 
 },
 
 onShow: function () {if (!this.data.isNewOpen) {
   this.setData({
    page: 2, // 页码
    isClose: true,
    list: []
   })
   this.getList()
  }
 },
})

ps:下面看下微信小程序 判断当前页面是重新打开,还是从其他页面返回

在小程序中设置变量用来判断是否是从其他页面返回

在 data 数据中声明一个变量 isClose, 默认为 true 。用来判断是正常打开,还是从其他页面返回。当点击跳转页面或者关闭小程序的时候,会触发 OnHide 函数,在此函数中将判断 isClose is true 的时候即为正常打开。当跳转页面时首先将 isClose 设置为 false, 这样 触发 OnHide 函数的时候,isClose is flase 并不会执行,进入跳转的页面,然后在由页面进行返回这是会触发跳转的页面的 OnUnload 函数 在此函数中 设置一个定时器 在 200ms 之后将 isClose 改为 true 这样当关闭小程序 再次进入的时候 isColse 依然为true 判断时是首次进入页面

实例

data:

data: {
  isClose:true   //判断当前页面是打开还是返回页
  }

跳转页面:

this.setData({ isClose:false})
  wx.navigateTo({
   url: '../index/index?',
  })

onUnload:

/**
  * 生命周期函数--监听页面卸载
  */
 onUnload: function () {
  var that =this
  setTimeout(function () {
   that.setData({ isClose: true })
  }, 200)

 },

onHide:

/**
  * 生命周期函数--监听页面隐藏
  */
 onHide: function () {
  if (this.data.isClose) {
   console.log('重新打开')
  }
 },

onShow:

/**
  * 生命周期函数--监听页面显示
  */
 onShow: function () {
  console.log(this.data.isClose)
  if (!this.data.isClose) {
   this.onLoad();
  }
 },

总结

以上所述是小编给大家介绍的微信小程序判断页面是否从其他页面返回的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

Javascript 相关文章推荐
JavaScipt基本教程之JavaScript语言的基础
Jan 16 Javascript
javascript Base类 包含基本的方法
Jul 22 Javascript
Javascript 二维数组
Nov 26 Javascript
线路分流自动智能跳转代码,自动选择最快镜像网站(js)
Oct 31 Javascript
仿百度的关键词匹配搜索示例
Sep 25 Javascript
jquery根据锚点offset值实现动画切换
Sep 11 Javascript
JavaScript中字符串(string)转json的2种方法
Jun 25 Javascript
玩转NODE.JS(四)-搭建简单的聊天室的代码
Nov 11 Javascript
javascript实现文字无缝滚动
Dec 27 Javascript
Bootstrap表格使用方法详解
Feb 17 Javascript
jquery.uploadView 实现图片预览上传功能
Aug 10 jQuery
JavaScript引用类型Date常见用法实例分析
Aug 08 Javascript
8 个有用的JS技巧(推荐)
Jul 03 #Javascript
vue swipe自定义组件实现轮播效果
Jul 03 #Javascript
20个必会的JavaScript面试题(小结)
Jul 02 #Javascript
微信小程序如何调用新闻接口实现列表循环
Jul 02 #Javascript
Angular.JS读取数据库数据调用完整实例
Jul 02 #Javascript
js实现for循环跳过undefined值示例
Jul 02 #Javascript
Vue的路由及路由钩子函数的实现
Jul 02 #Javascript
You might like
解析php利用正则表达式解决采集内容排版的问题
2013/06/20 PHP
浅析PHP中的UNICODE 编码与解码
2013/06/29 PHP
解析PHP跳出循环的方法以及continue、break、exit的区别介绍
2013/07/01 PHP
thinkphp实现面包屑导航(当前位置)例子分享
2014/05/10 PHP
为PHP5.4开启Zend OPCode缓存
2014/12/26 PHP
php使用指定字符列表生成随机字符串的方法
2015/04/18 PHP
搭建Vim为自定义的PHP开发工具的一些技巧
2015/12/11 PHP
记录一次排查PHP脚本执行卡住的问题
2016/12/27 PHP
详解提高使用Java反射的效率方法
2019/04/29 PHP
javascript时区函数介绍
2012/09/14 Javascript
jquery 循环显示div的示例代码
2013/10/18 Javascript
JS+HTML5手机开发之滚动和惯性缓动实现方法分析
2016/06/12 Javascript
require.js配合插件text.js实现最简单的单页应用程序
2016/07/12 Javascript
JavaScript微信定位功能实现方法
2016/11/29 Javascript
JS获得多个同name 的input输入框的值的实现方法
2017/01/09 Javascript
Node.js编写CLI的实例详解
2017/05/17 Javascript
详解最新vue-cli 2.9.1的webpack存在问题
2017/12/16 Javascript
layui实现动态和静态分页
2018/04/28 Javascript
jQuery实现表单动态加减、ajax表单提交功能
2018/06/08 jQuery
详解Python编程中对Monkey Patch猴子补丁开发方式的运用
2016/05/27 Python
python获取网页中所有图片并筛选指定分辨率的方法
2018/03/31 Python
对numpy中轴与维度的理解
2018/04/18 Python
python实现类之间的方法互相调用
2018/04/29 Python
PyCharm设置护眼背景色的方法
2018/10/29 Python
PyTorch 解决Dataset和Dataloader遇到的问题
2020/01/08 Python
Python生成器generator原理及用法解析
2020/07/20 Python
使用HTML5的Canvas绘制曲线的简单方法
2015/09/08 HTML / CSS
html5借用repeating-linear-gradient实现一把刻度尺(ruler)
2019/09/09 HTML / CSS
英国网上香水店:Fragrance Direct
2016/07/20 全球购物
百丽国际旗下购物网站:优购
2017/02/28 全球购物
Boden美国官网:英伦原创时装品牌
2017/07/03 全球购物
前台接待岗位职责
2013/12/03 职场文书
石油大学毕业生自荐信
2014/01/28 职场文书
2015年社区党建工作汇报材料
2015/06/25 职场文书
MySQL中utf8mb4排序规则示例
2021/08/02 MySQL
千万级用户系统SQL调优实战分享
2022/03/03 MySQL