小程式跳轉遇到的坑

来源:https://www.cnblogs.com/jiayeyuan/archive/2018/01/18/8309241.html
-Advertisement-
Play Games

新手跳坑。你寫的路徑路由是正確的,但是發現點擊了,一點反應也沒有,很可能是下下麵幾種原因: 1:你要跳轉的是tabBar中的頁面,需要用到專屬的跳轉方法switchtab 2:在app.js中沒有配置該頁面 3:頁面層級是不是超過五層了。可以用銷毀的跳轉方式 wx.navigateTo(OBJECT ...


新手跳坑。你寫的路徑路由是正確的,但是發現點擊了,一點反應也沒有,很可能是下下麵幾種原因: 1:你要跳轉的是tabBar中的頁面,需要用到專屬的跳轉方法switchtab 2:在app.js中沒有配置該頁面 3:頁面層級是不是超過五層了。可以用銷毀的跳轉方式      

wx.navigateTo(OBJECT)

保留當前頁面,跳轉到應用內的某個頁面,使用wx.navigateBack可以返回到原頁面。 OBJECT 參數說明:
參數 類型 必填 說明
url String 需要跳轉的應用內非 tabBar 的頁面的路徑 , 路徑後可以帶參數。參數與路徑之間使用?分隔,參數鍵與參數值用=相連,不同參數用&分隔;如 'path?key=value&key2=value2'
success Function 介面調用成功的回調函數
fail Function 介面調用失敗的回調函數
complete Function 介面調用結束的回調函數(調用成功、失敗都會執行)
示例代碼: wx.navigateTo({ url: 'test?id=1' }) //test.js Page({ onLoad: function(option){ console.log(option.query) } }) 註意:目前頁面路徑最多只能十層。

wx.redirectTo(OBJECT)

關閉當前頁面,跳轉到應用內的某個頁面。 OBJECT 參數說明:
參數 類型 必填 說明
url String 需要跳轉的應用內非 tabBar 的頁面的路徑,路徑後可以帶參數。參數與路徑之間使用?分隔,參數鍵與參數值用=相連,不同參數用&分隔;如 'path?key=value&key2=value2'
success Function 介面調用成功的回調函數
fail Function 介面調用失敗的回調函數
complete Function 介面調用結束的回調函數(調用成功、失敗都會執行)
示例代碼: wx.redirectTo({ url: 'test?id=1' })

wx.reLaunch(OBJECT)

基礎庫 1.1.0 開始支持,低版本需做相容處理
關閉所有頁面,打開到應用內的某個頁面。 OBJECT 參數說明:
參數 類型 必填 說明
url String 需要跳轉的應用內頁面路徑 , 路徑後可以帶參數。參數與路徑之間使用?分隔,參數鍵與參數值用=相連,不同參數用&分隔;如 'path?key=value&key2=value2',如果跳轉的頁面路徑是 tabBar 頁面則不能帶參數
success Function 介面調用成功的回調函數
fail Function 介面調用失敗的回調函數
complete Function 介面調用結束的回調函數(調用成功、失敗都會執行)
示例代碼: wx.reLaunch({ url: 'test?id=1' }) //test.js Page({ onLoad: function(option){ console.log(option.query) } })

wx.switchTab(OBJECT)

跳轉到 tabBar 頁面,並關閉其他所有非 tabBar 頁面 OBJECT 參數說明:
參數 類型 必填 說明
url String 需要跳轉的 tabBar 頁面的路徑(需在 app.json 的 tabBar 欄位定義的頁面),路徑後不能帶參數
success Function 介面調用成功的回調函數
fail Function 介面調用失敗的回調函數
complete Function 介面調用結束的回調函數(調用成功、失敗都會執行)
示例代碼: { "tabBar": { "list": [{ "pagePath": "index", "text": "首頁" },{ "pagePath": "other", "text": "其他" }] } } wx.switchTab({ url: '/index' })

wx.navigateBack(OBJECT)

關閉當前頁面,返回上一頁面或多級頁面。可通過 getCurrentPages()) 獲取當前的頁面棧,決定需要返回幾層。 OBJECT 參數說明:
參數 類型 預設值 說明
delta Number 1 返回的頁面數,如果 delta 大於現有頁面數,則返回到首頁。
示例代碼: // 註意:調用 navigateTo 跳轉時,調用該方法的頁面會被加入堆棧,而 redirectTo 方法則不會。見下方示例代碼   // 此處是A頁面 wx.navigateTo({ url: 'B?id=1' })   // 此處是B頁面 wx.navigateTo({ url: 'C?id=1' })   // 在C頁面內 navigateBack,將返回A頁面 wx.navigateBack({ delta: 2 })       我遇到的,是tabBar的坑 由於直接登錄頁跳主頁(主頁在 app.json的tabBar欄中), 應使用wx.switchTab否則會報錯,不能跳轉      
您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 0基礎前端菜鳥,啃了將近半月前端VUE框架,對前端知識有了初步的瞭解。下麵總結一下這段時間的學習心得。 ...
  • 希望大家積極反饋,有不足和更好的方法請大家一起分享和研究,第一次寫博客,有描述不清楚的地方,希望大家給我私信,我會努力改正。 ...
  • 本文首發於 "博客園" ,併在 "GitHub" 上持續更新 前端的系列文章 。歡迎在GitHub上關註我,一起入門和進階前端。 以下是正文。 if語句 最基本的if語句 if語句的結構體:(格式) if語句也成為“選擇語句”、“條件判斷語句”。 多分支的if語句 格式: 以上所有的語句體中,只執行 ...
  • 直接上代碼! <!DOCTYPE html><html lang="en"><head> <title>小三角</title> <style> .up-triangle{ width:0px; height:0px; border-bottom:30px solid #000; border-lef ...
  • 在進行網站網頁設計製作的時候,經常需要用到不同的顏色的搭配,效果,網頁中標明顏色比較好的是用十六進位數據來進行標註,但是由於顏色很多,這些十六進位代碼數量龐大,所以blueslu整理了一些網站建設項目中網頁調色常用的顏色代碼,以備使用。 #9f0101 #67b55b #fff68f #ffd700 ...
  • Angular-搜索框及價格上下限 閑來無事,寫一個簡單的angular的搜索框。 1.要求: 利用 AngularJS 框架實現手機產品搜索功能,題目要求: 1)自行查找素材,按照原有數據格式將手機產品數據豐富到至少10個以上 2)自行設計頁面,需要包含“搜索條件部分”,“手機信息顯示部分” 3) ...
  • 先看background和background-color background:可以設置背景顏色,背景圖片,還有定位。預設background:no-repeat; background-color:只可以設置背景顏色。預設background:repeat; 設置透明度的方式有兩種: 第一種: ...
  • 這篇教程是由以太坊Mist瀏覽器的負責人撰寫,完整地介紹瞭如何開發一個標準的DApp。 ...
一周排行
    -Advertisement-
    Play Games
  • GoF之工廠模式 @目錄GoF之工廠模式每博一文案1. 簡單說明“23種設計模式”1.2 介紹工廠模式的三種形態1.3 簡單工廠模式(靜態工廠模式)1.3.1 簡單工廠模式的優缺點:1.4 工廠方法模式1.4.1 工廠方法模式的優缺點:1.5 抽象工廠模式1.6 抽象工廠模式的優缺點:2. 總結:3 ...
  • 新改進提供的Taurus Rpc 功能,可以簡化微服務間的調用,同時可以不用再手動輸出模塊名稱,或調用路徑,包括負載均衡,這一切,由框架實現並提供了。新的Taurus Rpc 功能,將使得服務間的調用,更加輕鬆、簡約、高效。 ...
  • 本章將和大家分享ES的數據同步方案和ES集群相關知識。廢話不多說,下麵我們直接進入主題。 一、ES數據同步 1、數據同步問題 Elasticsearch中的酒店數據來自於mysql資料庫,因此mysql數據發生改變時,Elasticsearch也必須跟著改變,這個就是Elasticsearch與my ...
  • 引言 在我們之前的文章中介紹過使用Bogus生成模擬測試數據,今天來講解一下功能更加強大自動生成測試數據的工具的庫"AutoFixture"。 什麼是AutoFixture? AutoFixture 是一個針對 .NET 的開源庫,旨在最大程度地減少單元測試中的“安排(Arrange)”階段,以提高 ...
  • 經過前面幾個部分學習,相信學過的同學已經能夠掌握 .NET Emit 這種中間語言,並能使得它來編寫一些應用,以提高程式的性能。隨著 IL 指令篇的結束,本系列也已經接近尾聲,在這接近結束的最後,會提供幾個可供直接使用的示例,以供大伙分析或使用在項目中。 ...
  • 當從不同來源導入Excel數據時,可能存在重覆的記錄。為了確保數據的準確性,通常需要刪除這些重覆的行。手動查找並刪除可能會非常耗費時間,而通過編程腳本則可以實現在短時間內處理大量數據。本文將提供一個使用C# 快速查找並刪除Excel重覆項的免費解決方案。 以下是實現步驟: 1. 首先安裝免費.NET ...
  • C++ 異常處理 C++ 異常處理機制允許程式在運行時處理錯誤或意外情況。它提供了捕獲和處理錯誤的一種結構化方式,使程式更加健壯和可靠。 異常處理的基本概念: 異常: 程式在運行時發生的錯誤或意外情況。 拋出異常: 使用 throw 關鍵字將異常傳遞給調用堆棧。 捕獲異常: 使用 try-catch ...
  • 優秀且經驗豐富的Java開發人員的特征之一是對API的廣泛瞭解,包括JDK和第三方庫。 我花了很多時間來學習API,尤其是在閱讀了Effective Java 3rd Edition之後 ,Joshua Bloch建議在Java 3rd Edition中使用現有的API進行開發,而不是為常見的東西編 ...
  • 框架 · 使用laravel框架,原因:tp的框架路由和orm沒有laravel好用 · 使用強制路由,方便介面多時,分多版本,分文件夾等操作 介面 · 介面開發註意欄位類型,欄位是int,查詢成功失敗都要返回int(對接java等強類型語言方便) · 查詢介面用GET、其他用POST 代碼 · 所 ...
  • 正文 下午找企業的人去鎮上做貸後。 車上聽同事跟那個司機對罵,火星子都快出來了。司機跟那同事更熟一些,連我在內一共就三個人,同事那一手指桑罵槐給我都聽愣了。司機也是老社會人了,馬上聽出來了,為那個無辜的企業經辦人辯護,實際上是為自己辯護。 “這個事情你不能怪企業。”“但他們總不能讓銀行的人全權負責, ...