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

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

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

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

page.js

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

參數傳遞：

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

多個參數使用 "&" ?：

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

跳轉頁面接受參數：使用 onLoad 方法里面的 option ：

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

效果：

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

使用標簽進行跳轉：

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

同樣使用跳轉頁的 onLoad 方法里面 options 來接受。

在標簽里使用 redirectTo：

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

?

第二種：wx.redirectTo 跳轉：

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

?

第三種：wx.swithTab跳轉：

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

文檔說明：

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

代碼：

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

?

轉載于:https://www.cnblogs.com/e0yu/p/8489167.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。