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

蝸牛 互聯網技術資訊 2022-06-20 39 0

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

一、方法羅列

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

二、講解

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返回上一級頁面

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

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:niceseo99@gmail.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

評論

日本韩欧美一级A片在线观看