未加星标

微信小程序页面生命周期详解

字体大小 | |
[前端(javascript) 所属分类 前端(javascript) | 发布者 店小二03 | 时间 | 作者 红领巾 ] 0人收藏点击收藏

微信小程序页面生命周期介绍,具体如下

页面生命周期函数

onLoad―-监听页面加载
onReady―-监听页面初次渲染完成
onShow―-监听页面显示
onHide―-监听页面隐藏
onUnload―-监听页面卸载

Page({
/**
* 页面的初始数据
*/
data: {
banner_url:data.bannerList(),
open:false
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
console.log("==onLoad==");
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
console.log("==onReady==");
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
console.log("==onShow==");
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
console.log("==onHide==");
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
console.log("==onUnload==");
}
})
进入首页触发的函数
微信小程序页面生命周期详解
 
进入和离开blog页面的触发函数
微信小程序页面生命周期详解
 
总结:
1. 在离开首页进入详情页面的时候采用的是onHide函数―-只是将页面隐藏,当我们回到首页的时候直接用onShow显示就好;
2. 在离开详情页面的时候采用的是onUnload函数―-此处是将页面卸载,所以下次进入详情页面的时候,我们需要将页面再次(加载―-显示―-渲染)
3. 以上情况是在不设置open-type的情况,如果open-type=”redirect”,那么在离开首页的时候就会触发onUnload,从而不能再返回首页。

详情参考:微信小程序组件的navigator

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。


您可能感兴趣的文章:微信小程序App生命周期详解微信小程序的生命周期的详解微信小程序 生命周期函数详解微信小程序page的生命周期和音频播放及监听实例详解详解微信小程序入门五: wxml文件引用、模版、生命周期微信小程序 生命周期和页面的生命周期详细介绍微信小程序 生命周期详解微信小程序 生命周期详解微信小程序(五)页面生命周期详细介绍微信小程序(四)应用生命周期详解

本文前端(javascript)相关术语:javascript是什么意思 javascript下载 javascript权威指南 javascript基础教程 javascript 正则表达式 javascript设计模式 javascript高级程序设计 精通javascript javascript教程

主题: 微信数据
tags: 页面,微信,生命,监听,详解,程序,周期函数,周期,onUnload,log,console,function,onShow,onHide,首页
分页:12
转载请注明
本文标题:微信小程序页面生命周期详解
本站链接:http://www.codesec.net/view/572259.html
分享请点击:


1.凡CodeSecTeam转载的文章,均出自其它媒体或其他官网介绍,目的在于传递更多的信息,并不代表本站赞同其观点和其真实性负责;
2.转载的文章仅代表原创作者观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,本站对该文以及其中全部或者部分内容、文字的真实性、完整性、及时性,不作出任何保证或承若;
3.如本站转载稿涉及版权等问题,请作者及时联系本站,我们会及时处理。
登录后可拥有收藏文章、关注作者等权限...
技术大类 技术大类 | 前端(javascript) | 评论(0) | 阅读(94)