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


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 相关文章推荐
JavaScript 异步调用框架 (Part 5 - 链式实现)
Aug 04 Javascript
asp.net中System.Timers.Timer的使用方法
Mar 20 Javascript
js实现select组件的选择输入过滤代码
Oct 14 Javascript
jQuery实现文本框输入同步的方法
Jun 20 Javascript
Javascript实现可旋转的圆圈实例代码
Aug 04 Javascript
JS实现超简单的仿QQ折叠菜单效果
Sep 21 Javascript
JavaScript模块规范之AMD规范和CMD规范
Oct 27 Javascript
基于jQuery实现左右图片轮播(原理通用)
Dec 24 Javascript
Bootstrap3 input输入框插入glyphicon图标的方法
May 16 Javascript
利用js+css+html实现固定table的列头不动
Dec 08 Javascript
[js高手之路]HTML标签解释成DOM节点的实现方法
Aug 31 Javascript
vue @click.native 绑定原生点击事件
Apr 22 Vue.js
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实现采集程序原理和简单示例代码
2007/03/18 PHP
在任意字符集下正常显示网页的方法一
2007/04/01 PHP
PHP+Mysql树型结构(无限分类)数据库设计的2种方式实例
2014/07/15 PHP
php传值赋值和传地址赋值用法实例分析
2015/06/20 PHP
PHP使用flock实现文件加锁的方法
2015/07/01 PHP
php项目开发中用到的快速排序算法分析
2016/06/25 PHP
php 生成Tab键或逗号分隔的CSV
2016/09/24 PHP
JavaScript 无符号右移运算符
2009/04/17 Javascript
javascript替换已有元素replaceChild()使用介绍
2014/04/03 Javascript
node.js中的buffer.Buffer.byteLength方法使用说明
2014/12/10 Javascript
原生javascript+css3编写的3D魔方动画旋扭特效
2016/03/14 Javascript
无需 Flash 使用 jQuery 复制文字到剪贴板
2016/04/26 Javascript
JavaScript中日常收集常见的10种错误(推荐)
2017/01/08 Javascript
flexslider.js实现移动端轮播
2017/02/05 Javascript
Vue中使用webpack别名的方法实例详解
2018/06/19 Javascript
通过Nodejs搭建网站简单实现注册登录流程
2019/06/14 NodeJs
js原生map实现的方法总结
2020/01/19 Javascript
JS如何实现封装列表右滑动删除收藏按钮
2020/07/23 Javascript
Python Web框架Flask下网站开发入门实例
2015/02/08 Python
Python使用xlrd模块操作Excel数据导入的方法
2015/05/26 Python
用python统计代码行的示例(包括空行和注释)
2018/07/24 Python
Python3非对称加密算法RSA实例详解
2018/12/06 Python
Python 实现顺序高斯消元法示例
2019/12/09 Python
tensorflow入门:tfrecord 和tf.data.TFRecordDataset的使用
2020/01/20 Python
Python实现在Windows平台修改文件属性
2020/03/05 Python
中国高端鲜花第一品牌:roseonly(一生只送一人)
2017/02/12 全球购物
JAKO-O德国野酷台湾站:德国首屈一指的婴幼童用品品牌
2019/01/14 全球购物
老公给老婆的道歉信
2014/01/10 职场文书
教学器材管理制度
2014/01/26 职场文书
售后服务承诺书模板
2014/05/21 职场文书
第二批党的群众路线教育实践活动总结报告
2014/10/30 职场文书
白鹤梁导游词
2015/02/06 职场文书
志愿者个人总结
2015/03/03 职场文书
职工培训工作总结
2015/08/10 职场文书
小组口号霸气押韵
2015/12/24 职场文书
python爬取某网站原图作为壁纸
2021/06/02 Python