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

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

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

页面生命周期函数

onLoad—-监听页面加载

onReady—-监听页面初次渲染完成

onShow—-监听页面显示

onHide—-监听页面隐藏

onUnload—-监听页面卸载

Page({

/**

* 页面的初始数据

*/

data: {

banner_url:data.bannerList(),

open:false

},

/**

* 生uFUbyutX命周期函数--监听页面加载

*/

onLoad: functuFUbyutXion (optionuFUbyutXs) {

cohttp://nsole.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

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。