常見的微信小程序頁面跳轉(zhuǎn)方式有如下：

• wx.switchTab(Object)：跳轉(zhuǎn)到 tabBar 頁面，并關(guān)閉其他所有非 tabBar 頁面（面全部出棧，只留下新的 Tab 頁面）

• wx.reLaunch(Object)：關(guān)閉所有頁面，打開到應(yīng)用內(nèi)的某個頁面（頁面全部出棧，只留下新的頁面）

• wx.redirectTo(Object)：關(guān)閉當前頁面，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個頁面。但是不允許跳轉(zhuǎn)到 tabbar 頁面（當前頁面出棧，新頁面入棧）

• wx.navigateTo(Object)：保留當前頁面，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個頁面。但是不能跳到 tabbar 頁面。使用 wx.navigateBack 可以返回到原頁面。小程序中頁面棧最多十層（新頁面入棧）

• wx.navigateBack(Object)：關(guān)閉當前頁面，返回上一頁面或多級頁面?？赏ㄟ^ getCurrentPages 獲取當前的頁面棧，決定需要返回幾層（頁面不斷出棧，直到目標返回頁，新頁面入棧）

wx.switchTab(Object)

跳轉(zhuǎn)到 tabBar 頁面，并關(guān)閉其他所有非 tabBar 頁面

需要跳轉(zhuǎn)的 tabBar 頁面的路徑 (代碼包路徑)（需在 app.json 的 tabBar 字段定義的頁面），路徑后不能帶參數(shù)。

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

wx.reLaunch(Object)

關(guān)閉所有頁面，打開到應(yīng)用內(nèi)的某個頁面

需要跳轉(zhuǎn)的應(yīng)用內(nèi)頁面路徑 (代碼包路徑)，路徑后可以帶參數(shù)。參數(shù)與路徑之間使用?分隔，參數(shù)鍵與參數(shù)值用=相連，不同參數(shù)用&分隔；如 path?key=value&key2=value2

wx.reLaunch({
  url: 'test?id=1'
})

Page({
  onLoad (option) {
    console.log(option.query) // 獲取參數(shù)
  }
})

wx.redirectTo(Object)

關(guān)閉當前頁面，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個頁面。但是不允許跳轉(zhuǎn)到 tabbar 頁面。

需要跳轉(zhuǎn)的應(yīng)用內(nèi)非 tabBar 的頁面的路徑 (代碼包路徑), 路徑后可以帶參數(shù)。參數(shù)與路徑之間使用 ? 分隔，參數(shù)鍵與參數(shù)值用 = 相連，不同參數(shù)用 & 分隔；如 path?key=value&key2=value2

wx.redirectTo({
  url: 'test?id=1'
})

wx.navigateTo(Object)

保留當前頁面，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個頁面。但是不能跳到 tabbar 頁面。使用 wx.navigateBack 可以返回到原頁面。小程序中頁面棧最多十層。

需要跳轉(zhuǎn)的應(yīng)用內(nèi)非 tabBar 的頁面的路徑 (代碼包路徑), 路徑后可以帶參數(shù)。參數(shù)與路徑之間使用 ? 分隔，參數(shù)鍵與參數(shù)值用 = 相連，不同參數(shù)用 & 分隔；如path?key=value&key2=value2

wx.navigateTo({
  url: 'test?id=1',
  events: {
    // 為指定事件添加一個監(jiān)聽器，獲取被打開頁面?zhèn)魉偷疆斍绊撁娴臄?shù)據(jù)
    acceptDataFromOpenedPage: function(data) {
      console.log(data)
    },
    someEvent: function(data) {
      console.log(data)
    }
    ...
  },
  success: function(res) {
    // 通過eventChannel向被打開頁面?zhèn)魉蛿?shù)據(jù)
    res.eventChannel.emit('acceptDataFromOpenerPage', { data: 'test' })
  }
})

wx.navigateBack(Object)

關(guān)閉當前頁面，返回上一頁面或多級頁面。可通過 getCurrentPages 獲取當前的頁面棧，決定需要返回幾層文章來源地址http://www.zghlxwxcb.cn/news/detail-861638.html

wx.navigateBack() // 返回上一頁面

wx.navigateBack({
  delta: 2   // 向上返回2頁
})

到了這里，關(guān)于微信小程序中路由跳轉(zhuǎn)方式的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！