微信小程序中頁面跳轉(zhuǎn)怎么弄

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

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

微信小程提供的api方法

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

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

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

// 跳轉(zhuǎn)到 tabBar 頁面，并關(guān)閉其他所有非 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">跳轉(zhuǎn)到新頁面</navigator>
  <navigator url="../../redirect/redirect/redirect?title=redirect" open-type="redirect" hover-class="other-navigator-hover">在當(dāng)前頁打開</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： 當(dāng)前小程序內(nèi)跳轉(zhuǎn)鏈接open-type： 跳轉(zhuǎn)方式（上面api提供的四中方法）delta： 當(dāng) open-type 為 'navigateBack' 時有效，表示回退的層數(shù)hover-class： 指定點擊時的樣式類，當(dāng)hover-class="none"時，沒有點擊態(tài)效果

跳轉(zhuǎn)外部鏈接

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

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

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