微信小程序-頁面跳轉

       微信小程序的頁面跳轉非常簡單,既可以調用微信自己寫好的API跳轉,又可以使用wxml頁面組件跳轉。實現頁面跳轉現在又三種方式,分別是保留當前頁面,跳轉到某個頁面;關閉當前頁面,跳轉到某個頁面;跳轉到tabBar頁面。下面分別介紹一下與之對應的API:

1.wx.navigateTo()

      需要跳轉的應用內非 tabBar 的頁面的路徑 , 路徑後可以帶參數。參數與路徑之間使用?分隔,參數鍵與參數值用=相連,不同參數用&分隔;如 'path?key=value&key2=value2'

// 保留當前頁面,跳轉到應用內的某個頁面,使用wx.navigateBack可以返回到原頁面。
// 注意:調用 navigateTo 跳轉時,調用該方法的頁面會被加入堆棧,但是 redirectTo 
wx.navigateTo({
  url: 'page/index/index'
})
wx.navigateBack({
  delta:1
})

2.wx.redirectTo()

      需要跳轉的應用內非 tabBar 的頁面的路徑,路徑後可以帶參數。參數與路徑之間使用?分隔,參數鍵與參數值用=相連,不同參數用&分隔;如 'path?key=value&key2=value2'

// 關閉當前頁面,跳轉到應用內的某個頁面。
wx.redirectrTo({
  url: 'page/index/index'
})
// 關閉所有頁面,打開到應用內的某個頁面。
wx.reLanch({
  url: 'page/home/home'
})

3.wx.switchTab()

      需要跳轉的應用內頁面路徑 , 路徑後可以帶參數。參數與路徑之間使用?分隔,參數鍵與參數值用=相連,不同參數用&分隔;如 'path?key=value&key2=value2',如果跳轉的頁面路徑是 tabBar 頁面則不能帶參數

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

發佈了183 篇原創文章 · 獲贊 81 · 訪問量 27萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章