小程式裡頁面後退怎麼重新整理頁面
阿新 • • 發佈:2018-12-28
開發小程式,遇到一個問題:我要去開啟A頁面,但如果沒有登入,就會跳轉到B頁面。登入成功之後再次返回A頁面,但是A頁面沒有重新整理渲染頁面。
即後退重新整理頁面。
剛開始以為是書寫順序,檢查好幾遍發現不是,根本原因是頁面在返回之後沒有重新整理。那麼怎麼解決,查了好多資料。
其實咱們小程式不存在頁面重新整理,只需要掌握好生命週期,那這個問題就OK了。
比如判斷是否登入, 可以在 onShow 函式裡面寫判斷是否登入,如果沒有登入跳轉到登入頁。
再比如判斷頁面是否有載入某個資料, 就在onShow裡面判斷:如果等於空的話, 就再載入一次
App({ onLaunch: function(options) { // 生命週期函式--監聽小程式初始化 當小程式初始化完成時,會觸發 onLaunch(全域性只觸發一次) }, onShow: function(options) { // 生命週期函式--監聽小程式顯示(後退到這個頁面的時候這個就會被回撥) 當小程式啟動,或從後臺進入前臺顯示,會觸發 onShow }, onHide: function() { // 生命週期函式--監聽小程式隱藏 當小程式從前臺進入後臺,會觸發 onHide }, onError: function(msg) { // 錯誤監聽函式 當小程式發生指令碼錯誤,或者 api 呼叫失敗時,會觸發 onError 並帶上錯誤資訊 }, globalData: 'I am global data'})
例子: