微信小程序中頁面跳轉怎么弄

這篇文章將為大家詳細講解有關微信小程序中頁面跳轉怎么弄，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

最近正在做微信小程項目，我會把我遇到問題都進行總結。
微信小程序跳轉頁面方法總結（有什么錯誤的地方希望大家進行指正）

微信小程提供的api方法

// 保留當前頁面，跳轉到應用的某個頁面，點擊返回按鈕時還可以返回原來頁面wx.navigateTo({
    url: '文件地址',    地址后面也可以追加參數  'page/index/index?id=123&page=2'})

// 關閉當前頁面，跳轉到應用內的某個頁面。  點擊返回按鈕時不會返回原來頁面wx.redirectTo({
    url: 'page/index/index?id=123&page=2'})

// 關閉所有頁面，打開到應用內的某個頁面。wx.reLanch({
  url: 'page/index/index?id=123&page=2'})

// 跳轉到 tabBar 頁面，并關閉其他所有非 tabBar 頁面// 注意：必須是在app.json中注冊過的tabBar 頁面wx.switchTab({
    url: 'page/index/index'})

組件中navigator

<view class="btn-area">
  <navigator url="/page/navigate/navigate?title=navigate" hover-class="navigator-hover">跳轉到新頁面</navigator>
  <navigator url="../../redirect/redirect/redirect?title=redirect" open-type="redirect" hover-class="other-navigator-hover">在當前頁打開</navigator>
  <navigator url="/page/index/index" open-type="switchTab" hover-class="other-navigator-hover">切換 Tab</navigator>
  <navigator target="miniProgram" open-type="navigate" app-id="" path="" extra-data="" version="release">打開綁定的小程序</navigator>
</view>

url： 當前小程序內跳轉鏈接open-type： 跳轉方式（上面api提供的四中方法）delta： 當 open-type 為 'navigateBack' 時有效，表示回退的層數hover-class： 指定點擊時的樣式類，當hover-class="none"時，沒有點擊態效果

跳轉外部鏈接

跳轉外部鏈接的時候需要注意  登錄微信小程序  
配置request合法域名   才能跳轉過去

<web-view src="https://baidu.com/"></web-view>

關于“微信小程序中頁面跳轉怎么弄”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。