1. 程式人生 > 實用技巧 >小程式的頁面跳轉

小程式的頁面跳轉

1,wx.navigateTo(Object object)

  

    保留當前頁面,跳轉到應用內的某個頁面。點選右上角的箭頭可返回上一頁、注:但不能實現tabBar頁的切換

    wx.navigateTo({       url:'ceshi/ceshi'     })

2,wx.switchTab(Object object)

    跳轉到 tabBar 頁面,並關閉其他所有非 tabBar 頁面(taBar是指頁面底部的導航欄)

    tabBar的設定是在app.js裡面設定,如下,這樣設定之後就可以運用switchTab方法實現底部導航頁的跳轉了

"tabBar":{ "color":"#333333", "selectedColor":"#0079FF", "list":[ { "selectedIconPath":"/image/00.png", "iconPath":"/image/0.png", "pagePath":"pages/index/index", "text":"首頁" }, { "selectedIconPath":"/image/22.png", "iconPath":"/image/2.png", "pagePath":"pages/logs/logs", "text":"追溯商" }, { "selectedIconPath":"/image/33.png", "iconPath":"/image/3.png", "pagePath":"pages/me/me", "text":"我的" } ] },

3,wx.reLaunch(Object object)

這個方法是 關閉開啟的所有頁面後,開啟指定的頁面,並且可以攜帶引數
wx.reLaunch({
  url: 'test?id=1'
})

4,wx.redirectTo(Object object)

這個方法是關閉當前頁面,跳轉到應用內的某個頁面。並且可以攜帶引數,但是不允許跳轉到 tabbar 頁面。tabbar採用第二條的方法即可

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

5,wx.navigateBack(Object object)

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

呼叫 navigateTo 跳轉時,呼叫該方法的頁面會被加入堆疊所以我們可以這樣來寫
wx.navigateBack({
  delta: 2
})

這就是關閉當前頁面並且回退兩個頁面