navigation.js 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. //uni.navigateTo(OBJECT)保留当前页面,跳转到应用内的某个页面,使用uni.navigateBack可以返回到原页面。
  2. //uni.redirectTo(OBJECT)关闭当前页面,跳转到应用内的某个页面。
  3. //uni.reLaunch(OBJECT)关闭所有页面,打开到应用内的某个页面。
  4. //uni.switchTab(OBJECT)跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。
  5. //uni.navigateBack(OBJECT)关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈,决定需要返回几层。
  6. // 暴露封装跳转方法
  7. export class Navigation{
  8. // 保留当前页面,跳转到应用内的某个页面
  9. navigateTo(url){
  10. return uni.navigateTo({
  11. // 跳转路径
  12. url,
  13. // 窗口显示的动画效果
  14. animationType: 'slide-in-right',
  15. // 窗口动画持续时间
  16. animationDuration: 0
  17. })
  18. }
  19. // 关闭当前页面,跳转到应用内的某个页面。
  20. redirectTo(url){
  21. return uni.redirectTo({
  22. // 跳转路径
  23. url
  24. });
  25. }
  26. // 跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。
  27. switchTab(url){
  28. return uni.switchTab({
  29. // 跳转路径
  30. url,
  31. success:res=>{
  32. // uni.hideTabBar()
  33. }
  34. });
  35. }
  36. // 关闭所有页面,打开到应用内的某个页面。
  37. relaunch(url){
  38. return uni.reLaunch({
  39. // 跳转路径
  40. url
  41. });
  42. }
  43. // 关闭当前页面,返回上一页面或多级页面
  44. navigateBack(pageSize){
  45. return uni.navigateBack({
  46. // 返回的页面数,如果大于现有页面就返回首页
  47. delta:pageSize,
  48. // 窗口显示的动画效果
  49. // animationType: 'slide-in-lfet',
  50. // 窗口动画持续时间
  51. // animationDuration: 0
  52. });
  53. }
  54. }