1. 程式人生 > >微信小程序如何刷新當前界面

微信小程序如何刷新當前界面

方法 spa glob 刷新 加載 this 親測 作用 參數

在微信小程序開發的過程中,在一個頁面中對數據操作之後我們大多數時間都需要刷新一下當前界面以把操作之後的結果顯示出來,但是如何在執行操作後進行本頁面的刷新就成了一個問題很大但是很需要的操作。下面介紹一下微信小程序刷新當前界面的幾種方法。

方法一:this.onLoad()


使用方法:在操作函數中調用this.onLoad()或that.onLoad()(有時候this的作用域不夠的時候需要定義that = this)。

適用場景:本次操作對頁面onLoad函數所攜帶的各種參數沒有影響。這時候我們在頁面第一次執行onLoad函數的時候可以定義一個變量_options將onLoad函數的參數options存儲到這個變量中,等操作函數執行完畢時,調用this.onLoad(_options),如果本次操作之後下一次該界面加載時onLoad函數的options變量發生了改變則使用該方法無效

方法二:this.onReady()(親測有效)

使用方法:在操作函數中調用this.onReady()函數。

使用前提:本頁面的數據操作需要在頁面的onReady()函數中完成。

方法三:定義標誌

使用方法:在app.js中,定義一個全局變量Flag,默認值為false,進入其它頁面的時候將它置為true,在頁面的onShow方法裏加一個判斷,如果Flag為true的話,先將它的值設置為false,再調用接口獲取數據。代碼如下:

onShow: function(){
      if (app.globalData.Flag) {
            app.globalData.Flag 
= false; this.getData();//調用接口獲取數據 } }

這種方法雖然感覺有點復雜而且笨重,但是確實可以解決實際問題。

微信小程序如何刷新當前界面