小程序頁面之間的跳轉方法

Code4App 發布于2019-08-23 12:37 / 1971人閱讀

摘要：利用小程序提供的跳轉保留當前頁面，跳轉到應用內的某個頁面，使用可以返回到原頁面。注意調用跳轉時，調用該方法的頁面會被加入堆棧，但是關閉當前頁面，返回上一頁面或多級頁面。

1. 利用小程序提供的 API 跳轉：

1、navigateTo

// 保留當前頁面，跳轉到應用內的某個頁面，使用wx.navigateBack可以返回到原頁面。
// 注意：調用 navigateTo 跳轉時，調用該方法的頁面會被加入堆棧，但是 redirectTo 
wx.navigateTo({
  url: "page/home/home?user_id=111"
})

2、navigateBack

// 關閉當前頁面，返回上一頁面或多級頁面。可通過 getCurrentPages() 獲取當前的頁面棧，決定需要返回幾層。

wx.navigateTo({
  url: "page/home/home?user_id=111"　　// 頁面 A
})
wx.navigateTo({
  url: "page/detail/detail?product_id=222"　　// 頁面 B
})
// 跳轉到頁面 A
wx.navigateBack({
  delta: 2
})

3、redirectTo

// 關閉當前頁面，跳轉到應用內的某個頁面。
wx.redirectTo({
  url: "page/home/home?user_id=111"
})

4、switchTab

// 跳轉到tabBar頁面（在app.json中注冊過的tabBar頁面），同時關閉其他非tabBar頁面。
wx.switchTab({
  url: "page/index/index"
})

5、reLanch

// 關閉所有頁面，打開到應用內的某個頁面。
wx.reLanch({
  url: "page/home/home?user_id=111"
})

2. wxml 頁面組件跳轉（可以通過設置open-type屬性指明頁面跳轉方式）：

1、navigateTo

// navigator 組件默認的 open-type 為 navigate 
跳轉到新頁面

2、navigateBack

// navigateBack 對應 API 中的 wx.navigateBack 方法
關閉當前頁面，返回上一級頁面或多級頁面

3、redirectTo

// redirect 對應 API 中的 wx.redirect 方法
在當前頁打開

4、switchTab

// switchTab 對應 API 中的 wx.switchTab 方法
切換 Tab

5、reLanch

// reLanch 對應 API 中的 wx.reLanch 方法
關閉所有頁面，打開到應用內的某個頁面

GPU云服務器云服務器多域名的跳轉 php 頁碼的跳轉 php的跳轉地址是哪 url的跳轉服務器

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/98834.html

6.18快要來臨--家具電商大戰一觸即發

摘要：微信小程序電商家具入門篇前言今年是小程序很火的一年，所以最近在自學微信小程序，所以打算自己擼一個小程序出來，由于自己才剛剛自學不久。先看這個效果吧代碼如何獲取登錄微信的用戶的頭像和信息使用直接獲取微信頭像，昵稱。微信小程序---電商家具入門篇前言今年是小程序很火的一年，所以最近在自學微信小程序，所以打算自己擼一個小程序出來，由于自己才剛剛自學不久。就做了一個相對簡單的家具小程序。...

phoenixsky 2019-08-29 15:43 評論0 收藏0
6.18快要來臨--家具電商大戰一觸即發

摘要：微信小程序電商家具入門篇前言今年是小程序很火的一年，所以最近在自學微信小程序，所以打算自己擼一個小程序出來，由于自己才剛剛自學不久。先看這個效果吧代碼如何獲取登錄微信的用戶的頭像和信息使用直接獲取微信頭像，昵稱。微信小程序---電商家具入門篇前言今年是小程序很火的一年，所以最近在自學微信小程序，所以打算自己擼一個小程序出來，由于自己才剛剛自學不久。就做了一個相對簡單的家具小程序。...

JeOam 2019-08-22 17:58 評論0 收藏0
微信小程序學習與wepy框架的使用詳解

摘要：，至此咱們的微信小程序的簡單使用及了解算是分享完了，畢竟個人也是道行有限，沒有鉆研太深，這些只是本人在實際項目開發過程中用到和總結的經驗，有太多不足或不對的地方，希望大家多多給予指出與改正，咱們一起來共同學習與進步微信小程序是一種不需要下載安裝即可使用的應用，在國內它在企業推廣中的受歡迎度以及就這兩年的使用及普及熱度，然而就是因為它的備受歡迎度以及越來越被企業所重視，也就形成了咱們開...

sf190404 2019-08-29 16:09 評論0 收藏0