微信小程序第二天學習內容分享

文件的配置在app.js文件中;

方法:onLaunch,onShow,onHide

api鏈接:https://developers.weixin.qq.com/miniprogram/dev/reference/api/App.html#onHide

onError,當前也可以自定義,


微信小程序第二天學習內容分享

用console測試事件的執行情況,也可以自定義全局變量,


微信小程序第二天學習內容分享

定義全局


微信小程序第二天學習內容分享

取的全局變量的值

頁面的生命週期及頁面跳轉的數據傳遞

onLoad監聽事件,onReady監聽頁面初次加載onshow監聽顯示頁面

onHide監聽隱藏頁面,onUnload監聽卸載頁面,onPullDownRefresh監聽用戶下拉動作

onReachBottom頁面上拉觸底事件的處理函數,

這是整個頁面的加載過程;

大家可以通過打印log來體驗頁面整個週期過程,

頁面的跳轉,


微信小程序第二天學習內容分享

注意,導航用的方法不一樣,跳轉後頁面是否卸載還是沒有,需要根據不同 的環境選擇不同的導航函數,

navigateto 保留當前頁面,跳轉到應用內的某個頁面

redirectTo 關閉當前頁面(卸載頁面onunload),跳轉到應用內的某個頁面,

帶參數和一般的URL相似,通過?id=34帶,通過onLoad中函數參數option進行得到參數對象;


微信小程序第二天學習內容分享


微信小程序第二天學習內容分享

API地址:https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.redirectTo.html

2,用頁面中通過標籤進行路轉


微信小程序第二天學習內容分享


api地址:https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html


用戶登陸:

就兩個頁面,

一個是主頁user,一個是登陸頁login

邏輯是先顯示 user頁,如果沒有用戶信息就,跳轉到登陸而,登陸後顯示用戶信息;


微信小程序第二天學習內容分享

user


微信小程序第二天學習內容分享


微信小程序第二天學習內容分享


分享到:


相關文章: