微信小程序返回上一頁的各種方法實例

第微信小程序返回上一頁的各種方法實例目錄一、方法羅列二、講解三、常用案例四、總結補充：微信小程序如何返回上一個頁面并刷新上一個頁面總結返回上一頁，一共有4中方法，每種方法都有不一樣細節(jié)

一、方法羅列

函數(shù)說明navigator保留當前頁面,在wxml使用wx.navigateTo保留當前頁面,在js使用wx.redirectTo不保留當前頁面,在js使用wx.switchTab不保留當前頁面,跳轉到tabBar頁

二、講解

1??navigate

navigatorurl=".路徑"

/navigator

2??wx.navigateTo

wx.navigateTo({

url:'路徑',

3??wx.redirectT

wx.redirectTo({

url:'路徑',

4??wx.switchTab

wx.switchTab({

url:'路徑',

三、常用案例

navigateBack省去寫路徑

wx.navigateBack({

delta:1

reLaunch關閉所有頁面，打開到應用內(nèi)的某個頁面

wx.reLaunch({

url:'/pages/index/index',

四、總結

返回頁面各有優(yōu)點，按照自己需求使用。

補充：微信小程序如何返回上一個頁面并刷新上一個頁面

由于項目中經(jīng)常碰到創(chuàng)建、刪除后返回列表的場景，因此需要在返回后，頁面及時反饋出操作后的結果列表，而不是舊數(shù)據(jù)列表

如何獲取當前頁面棧

varpages=getCurrentPages();

varbeforePage=pages[pages.length-2];

varcurrentPage=pages[pages.length-1];

然后你就可以通過對象直接操作當前頁面，比如調(diào)用函數(shù)。

創(chuàng)建

一般創(chuàng)建后，需要跳轉到詳情頁面，然后詳情頁面返回又是列表頁，這里舉例說明如何返回列表頁時有新創(chuàng)建的項目

varpages=getCurrentPages();

varbeforePage=pages[pages.length-2];

//調(diào)用列表頁的獲取數(shù)據(jù)函數(shù)

beforePage.loadData();

//跳轉

wx.redirectTo({

url:'/pages/info/info',

這里的跳轉使用了redirectTo，會關閉當前頁面，所以我們在info頁面點左上角返回時，會直接返回到列表頁

建議在列表頁的onLoad函數(shù)中，將數(shù)據(jù)請求單獨放在一個函數(shù)中進行調(diào)用，比如這里的loadData，這樣在create頁面就能只刷新數(shù)據(jù)，而onLoad中可能存在的，比如獲取用戶id等操作，則不會重復再次執(zhí)行

刪除

varpages=getCurrentPages();

varbeforePage=pages[pages.length-2];

beforePage.loadData(