微信小程序左上角返回刷新

文章目录

微信小程序左上角返回刷新
前言
一、小程序生命周期
二、解决方案（重点来了）
- 1.在data里创建标识
- 2.查看初始化onload中调用的初始化的方法
- 3.在onShow中这样写
三、总结：

前言

从A页面跳转到B页面，再从B页面通过左上角返回按钮，返回到A页面，此时A页面不刷新；
此片文章主要解决这个问题

一、小程序生命周期

处理这个问题的前提是我们必须要对小程序的生命周期有一个简单的认识

这里是对生命周期做简单介绍，以保证理解本篇解决问题的方案，详解会给出飞机票，前往官网查看

  onLoad(options) {console.log('onLoad监听页面加载');}onReady() {console.log('onReady监听页面初次渲染完成');}onShow() {console.log('onShow监听页面显示');}onHide() {console.log('onHide监听页面隐藏');}onUnload() {console.log('onUnload监听页面卸载');}

那么小程序页面初始化时会调用那几个呢

从中我们可以知道小程序页面初始化调用顺序为：onLoad>onShow>onReady。

onHide函数就是当隐藏页面的时候触发

二、解决方案（重点来了）

从A页面跳转到B页面，再从B页面通过左上角返回按钮，返回到A页面，如何刷新A页面呢；

1.在data里创建标识

data: {onShowFlag: 0,},

2.查看初始化onload中调用的初始化的方法

代码如下（示例）：

onLoad: function (options) {// 获取消息列表this.getmessageList()// 查询申请好友列表this.getfriendList()},

3.在onShow中这样写

代码如下（示例）：

  /*** 生命周期函数--监听页面显示*/onShow: function () {var { onShowFlag } = this.datathis.setData({onShowFlag:onShowFlag + 1})if (this.data.onShowFlag != 1) {// 获取消息列表this.getmessageList()// 查询申请好友列表this.getfriendList()}},

三、总结：

至此就可以简单的完成我们的目的了；
小程序生命周期还是要明白原理的，给你一张免费机票去旅游吧

微信小程序左上角返回刷新相关推荐

uniapp微信小程序左上角返回按钮的监听
项目场景: uni-app 开发微信小程序,界面中点击左上角的返回按钮或者是系统自带的虚拟返回操作,返回前监听用户是否在页面内进行了相应操作,如果有则进行提示(提示用户是否确定要返回),如果没有则直接 ...
微信小程序左上角返回按钮跳转到指定页面
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 在当前页面的 onUnload 执行页面跳转 onUnload: function () {wx.reLaun ...
小程序监听android返回键,微信小程序左上角返回按钮触发事件
从A页面跳转到B页面,再从B页面通过左上角返回按钮,返回到A页面 A页面: B页面: 从B页面返回到A页面时,触发事件请求接口: 代码如下: B页面js代码 onShow: function () { ...
微信小程序左上角返回按钮触发事件
从A页面跳转到B页面,再从B页面通过左上角返回按钮,返回到A页面 A页面: B页面: 从B页面返回到A页面时,触发事件请求接口: 代码如下: B页面js代码 onShow: function () { ...
隐藏微信小程序左上角的返回或home按钮 wx.hideHomeButton
隐藏微信小程序左上角的返回或home按钮用的是 wx.hideHomeButton方法,但是这个方法是有限制的,管网说得又不清不楚,在百度也找不到相关的问题在用这个方法的时候遇到过很多问题和官方 ...
微信小程序如何返回上一页的左上角小房子的坑
微信小程序如何返回上一页的左上角小房子的坑头一次写小程序,写了几个插件和几个页面,写完后发现返回上一页的时候是直接返回到首页了出现这一问题的唯一线索就是左上角的小房子,点击小房子会直接退回到首页, ...
uniapp微信小程序如何返回上一页的左上角小房子的坑
微信小程序如何返回上一页的左上角小房子的坑实际上出现的问题是我在跳转页面的时候选择了wx.relaunch(关闭所有页面,打开到应用内的某个页面),它出现的问题就是会出现小房子. 然后我就把跳转页面 ...
微信小程序之下拉刷新，上拉更多列表实现
代码地址如下: http://www.demodashi.com/demo/11110.html 一.准备工作首先需要下载小程序开发工具官方下载地址: https://mp.weixin.qq.c ...
html下拉刷新原理,微信小程序下拉刷新及上拉加载原理解析
这篇文章主要介绍了微信小程序下拉刷新及上拉加载实现方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 1.下拉刷新的概念及应用场景. 概念: 下拉 ...

微信小程序左上角返回刷新

微信小程序左上角返回刷新

文章目录

前言

一、小程序生命周期

二、解决方案（重点来了）

1.在data里创建标识

2.查看初始化onload中调用的初始化的方法

3.在onShow中这样写

三、总结：

微信小程序左上角返回刷新相关推荐

最新文章

热门文章