Cet article présente principalement en détail des informations pertinentes sur le cycle de vie de la page du mini programme WeChat. Il a une certaine valeur de référence. Les amis intéressés peuvent se référer à
Introduction au cycle de vie de la page du mini programme WeChat. , les détails sont les suivants
Fonction du cycle de vie de la page
onLoad—-Surveillance du chargement de la page
onReady—-Surveillance de l'achèvement du rendu initial de la page
onShow —-Surveillance de l'affichage de la page
onHide—-Écouter le masquage de la page
onUnload—-Écouter le déchargement de la page
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=="); } })
Fonction déclenchée en entrant dans la page d'accueil
Fonction Entrée et Déclenchement pour quitter la page du blog
Résumé :
En quittant la page d'accueil et en entrant dans la page de détails. , la fonction onHide est utilisée - cachant simplement la page, lorsque nous revenons à la page d'accueil, utilisez simplement onShow pour l'afficher
2 En quittant la page de détails, nous utilisons la fonction onUnload - c'est pour décharger la page ; , donc la prochaine fois que nous entrerons dans la page de détails, nous La page devra être chargée à nouveau (load--display--render)
3 La situation ci-dessus est celle où open-type n'est pas défini Si open-type=. "redirect", alors onUnload sera déclenché en quittant la page d'accueil. Par conséquent, vous ne pourrez pas revenir à la page d'accueil.
Pour plus de détails, veuillez vous référer à : Navigateur du composant du mini-programme WeChat
Ce qui précède est ce que j'ai compilé pour vous. J'espère qu'il vous sera utile à l'avenir.
Articles connexes :
Réponses détaillées au presse-papiers des opérations JS
Comment utiliser la méthode Lodash dans Angular ?
Pratique du projet Vue-router (tutoriel détaillé)
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!