返回上一頁(yè)，一共有4中方法，每種方法都有不一樣細(xì)節(jié)

一、方法羅列

二、講解

1?? navigate

<navigator  url=".路徑">
    其它
</navigator>

2??wx.navigateTo 

wx.navigateTo({
       url: '路徑',
 })

3??wx.redirectT

wx.redirectTo({
    url: '路徑',
})

4??wx.switchTab

wx.switchTab({
    url: '路徑',
})

三、常用案例

navigateBack 省去寫(xiě)路徑

  wx.navigateBack({
    delta: 1
  });

reLaunch 關(guān)閉所有頁(yè)面，打開(kāi)到應(yīng)用內(nèi)的某個(gè)頁(yè)面

  wx.reLaunch({ 
    url: '/pages/index/index',
  })

四、總結(jié)

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

補(bǔ)充：微信小程序如何返回上一個(gè)頁(yè)面并刷新上一個(gè)頁(yè)面

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

如何獲取當(dāng)前頁(yè)面棧

var pages = getCurrentPages();
var beforePage = pages[pages.length - 2];
var currentPage = pages[pages.length - 1];

然后你就可以通過(guò)對(duì)象直接操作當(dāng)前頁(yè)面，比如調(diào)用函數(shù)。

創(chuàng)建

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

var pages = getCurrentPages();
var beforePage = pages[pages.length - 2];
// 調(diào)用列表頁(yè)的獲取數(shù)據(jù)函數(shù)
beforePage.loadData();
// 跳轉(zhuǎn)
wx.redirectTo({
    url: '/pages/info/info',
});

這里的跳轉(zhuǎn)使用了 redirectTo，會(huì)關(guān)閉當(dāng)前頁(yè)面，所以我們?cè)趇nfo頁(yè)面點(diǎn)左上角返回時(shí)，會(huì)直接返回到列表頁(yè)

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

刪除

var pages = getCurrentPages();
var beforePage = pages[pages.length - 2];
beforePage.loadData();
wx.navigateBack({
    delta: 1,
})

這里需要使用navigateBack返回上一級(jí)頁(yè)面

總結(jié)

到此這篇關(guān)于微信小程序返回上一頁(yè)的文章就介紹到這了,更多相關(guān)微信小程序返回上一頁(yè)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論