微信小程序怎么實現返回上一頁

這篇文章主要介紹了微信小程序怎么實現返回上一頁的相關知識，內容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇微信小程序怎么實現返回上一頁文章都會有所收獲，下面我們一起來看看吧。

一、方法羅列

二、講解

1?? navigate

<navigator  url=".路徑">
    其它
</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 關閉所有頁面，打開到應用內的某個頁面

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

四、總結

返回頁面各有優點，按照自己需求使用。

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

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

如何獲取當前頁面棧

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

然后你就可以通過對象直接操作當前頁面，比如調用函數。

創建

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

var pages = getCurrentPages();
var beforePage = pages[pages.length - 2];
// 調用列表頁的獲取數據函數
beforePage.loadData();
// 跳轉
wx.redirectTo({
    url: '/pages/info/info',
});

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

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

刪除

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

這里需要使用navigateBack返回上一級頁面

關于“微信小程序怎么實現返回上一頁”這篇文章的內容就介紹到這里，感謝各位的閱讀！相信大家對“微信小程序怎么實現返回上一頁”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注億速云行業資訊頻道。