1. 程式人生 > >小程式裡頁面後退怎麼重新整理頁面

小程式裡頁面後退怎麼重新整理頁面

開發小程式,遇到一個問題:我要去開啟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'})

例子:

假設從頁面A後退到頁面B時B需要重新整理,那麼可以在B裡面寫:
onshow:function(){
this.onLoad();
},