第一種：wx.navigateTo({}); 跳轉(zhuǎn)：

注意：這種跳轉(zhuǎn)回觸發(fā)當前頁面的 onHide 方法，將當前頁面隱藏，然后顯示跳轉(zhuǎn)頁面。所以可以返回，返回的時候觸發(fā) onShow方法進行顯示：

（項目的底部導航使用的就是 wx.navigateTo 方法，將頁面進行隱藏）

<view bindtap="clicktap">文章列表 </view>

page.js

//獲取應用實例 const app = getApp() Page({data: { }, clicktap:function(){wx.navigateTo({url:'../details/details'})} })

參數(shù)傳遞：

clicktap:function(){wx.navigateTo({url:'../details/details?id=1'}) }

多個參數(shù)使用 "&" ?：

wx.navigateTo({url:'../details/details?id=2&title=你好' })

跳轉(zhuǎn)頁面接受參數(shù)：使用 onLoad 方法里面的 option ：

onLoad:function(options){console.log(options);console.log(options.id); }

效果：

這個id 還可以渲染到頁面上。

使用標簽進行跳轉(zhuǎn)：

<navigateTo url="../details/details?id=2"><view bindtap="clicktap">文章列表</view> </navigateTo>

同樣使用跳轉(zhuǎn)頁的 onLoad 方法里面 options 來接受。

在標簽里使用 redirectTo：

<navigateTo url="../details/details?id=2" redirect><view bindtap="clicktap">文章列表</view> </navigateTo>

?

第二種：wx.redirectTo 跳轉(zhuǎn)：

注意：這種跳轉(zhuǎn)，不會觸發(fā)當前頁面的 onHide 方法，也就是把當前頁面直接給卸載掉了，然后替換為新頁面。所以不存在返回這種情況。

?

第三種：wx.swithTab跳轉(zhuǎn)：

在微信的頁面跳轉(zhuǎn)過程中，如果需要跳轉(zhuǎn)到tab的頁面，使用 wx.navigateTo 或者 wx.redirectTo 都是無法完成跳轉(zhuǎn)的，此時就必須使用 wx.switchTab方法來進行跳轉(zhuǎn)。

文檔說明：

https://mp.weixin.qq.com/debug/wxadoc/dev/api/ui-navigate.html#wxrelaunchobject

代碼：

wx.switchTab({url: '../index/index' })

?

轉(zhuǎn)載于:https://www.cnblogs.com/e0yu/p/8489167.html

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結

以上是生活随笔為你收集整理的微信小程序 --- 页面跳转的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。