「小程序JAVA實(shí)戰(zhàn)」小程序私有頁面的生命周期以及導(dǎo)航（1

之前講了小程序全局的生命周期，今天咱們說說單個頁面的生命周期！源碼：https://github.com/limingios/wxProgram.git 中的No.5

雙遼網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)建站,雙遼網(wǎng)站設(shè)計制作，有大型網(wǎng)站制作公司豐富經(jīng)驗。已為雙遼上千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站制作要多少錢，請找那個售后服務(wù)好的雙遼做網(wǎng)站的公司定做！

Page頁面的生命周期

• 官方介紹

https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page.html

• 運(yùn)行小程序查看生命周期

//index.js
//獲取應(yīng)用實(shí)例
const?app?=?getApp()

Page({
??data:?{
????motto:?'Hello?World',
????userInfo:?{},
????hasUserInfo:?false,
????canIUse:?wx.canIUse('button.open-type.getUserInfo')
??},

??onLoad:?function?()?{
????console.log("index->onLoad")
??????this.setData({
????????motto:?app.globalData
??????})
??},
??onReady:?function?()?{
????console.log("index->onReady")
??},
??onShow:?function?()?{
????console.log("index->onShow")
??},
??onHide:?function?()?{
????console.log("index->onHide")
??},
??onUnload:?function?()?{
????console.log("index->onUnload")
??},
})

加載onLoad，加載onShow，全部顯示的時候調(diào)用onReady

• 修改代碼演示onHide 和 onUnload
  >增加一個綁定事件跳轉(zhuǎn)的方式來演示onHide和onUnLoad

1. navigateTo

//index.js
//獲取應(yīng)用實(shí)例
const?app?=?getApp()

Page({
??data:?{
????motto:?'Hello?World',
????userInfo:?{},
????hasUserInfo:?false,
????canIUse:?wx.canIUse('button.open-type.getUserInfo')
??},

??onLoad:?function?()?{
????console.log("index->onLoad")
??????this.setData({
????????motto:?app.globalData
??????})
??},
??onReady:?function?()?{
????console.log("index->onReady")
??},
??onShow:?function?()?{
????console.log("index->onShow")
??},
??onHide:?function?()?{
????console.log("index->onHide")
??},
??onUnload:?function?()?{
????console.log("index->onUnload")
??},
??clickMe:?function(){
????wx.navigateTo({
??????url:?'../test/test',
????})
??}
})

左上角有返回鍵

navigateTo 可以hide

1. redirectTo

//index.js
//獲取應(yīng)用實(shí)例
const?app?=?getApp()

Page({
??data:?{
????motto:?'Hello?World',
????userInfo:?{},
????hasUserInfo:?false,
????canIUse:?wx.canIUse('button.open-type.getUserInfo')
??},

??onLoad:?function?()?{
????console.log("index->onLoad")
??????this.setData({
????????motto:?app.globalData
??????})
??},
??onReady:?function?()?{
????console.log("index->onReady")
??},
??onShow:?function?()?{
????console.log("index->onShow")
??},
??onHide:?function?()?{
????console.log("index->onHide")
??},
??onUnload:?function?()?{
????console.log("index->onUnload")
??},
??clickMe:?function(){
????wx.redirectTo({
??????url:?'../test/test',
????})
??}
})

redirectTo 有onUnLoad 沒有hide

PS：這塊主要是對配置的生命周期的熟悉，了解下redirectTo 和 navigateTo 之前的區(qū)別。

>>原創(chuàng)文章，歡迎轉(zhuǎn)載。轉(zhuǎn)載請注明：轉(zhuǎn)載自IT人故事會，謝謝！
>>原文鏈接地址：「小程序JAVA實(shí)戰(zhàn)」 小程序私有頁面的生命周期以及導(dǎo)航（10）

名稱欄目：「小程序JAVA實(shí)戰(zhàn)」小程序私有頁面的生命周期以及導(dǎo)航（1
網(wǎng)頁鏈接：http://bm7419.com/article4/jdsgoe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、App開發(fā)、定制開發(fā)、服務(wù)器托管、面包屑導(dǎo)航、品牌網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)