微信小程式_跳轉方式

zhangxh發表於2019-01-13
微信小程式

1、wx.navigateTo

  • 只能開啟非 tabBar 頁面;
  • 當前頁面儲存在 棧 內
1.1 帶引數跳轉
wx.navigateTo({
    url:'../person/pageName?pid=234&gid=189', //該路由url路徑可以寫相對和絕對路徑
    success:function(){}        //成功後的回撥；
    fail：function(){}          //失敗後的回撥；
    complete：function(){}      //結束後的回撥(成功，失敗都會執行)
})
複製程式碼
1.2 不帶引數跳轉
wx.navigateTo({
    url:'/pages/homepage/homepage',
    success:function(){}        //成功後的回撥；
    fail：function(){}          //失敗後的回撥；
    complete：function(){}      //結束後的回撥(成功，失敗都會執行)
})
複製程式碼
1.3 wx.navigateBack
  • wx.navigateTo跳轉可以用wx.navigateBack返回
  • 執行wx.navigateBack後，該頁面會關閉銷燬
  • 執行getCurrentPages() 獲取當前的頁面棧，決定需要返回幾層
wx.navigateTo({
  url: 'B?id=1'
})
 
// 此處是B頁面
wx.navigateTo({
  url: 'C?id=1'
})
 
// 在C頁面內 navigateBack，將返回A頁面;delta預設值為1，代表本身頁面
wx.navigateBack({
  delta: 2
})
複製程式碼

3、wx.redirectTo

  • 只能開啟非 tabBar 頁面;
  • 關閉當前頁面，跳轉到目標頁面；
//homepage頁面中
wx.redirectTo({
    url:'/pages/onekeysucc',
})

//注：此時點選返回按鈕時，將無法返回homepage頁面（homepage頁面已被銷燬），只能直接回到小程式的首頁
複製程式碼

4、wx.reLaunch

  • 只能開啟非 tabBar 頁面;
  • 跳轉目標頁後，已經開啟的頁面將全部被銷燬（即跳轉成功後，小程式將不會存在 返回按鈕，這個最好用在返回至首頁的的時候
//homepage頁面中
wx.reLaunch({
    url:'/pages/onekeysucc',
})
複製程式碼

5、wx.switchTab

  • 跳轉到tabBar頁面（在app.json中註冊過的tabBar頁面）
wx.switchTab({
    url:"/pages/homepage/homepage"
 })
複製程式碼

（如有不正確處，歡迎指正）

相關文章