uni-app页面的跳转三种方式，功能作用有什么区别？

五秒法则2024-06-20 13:39

一、三种方式的作用

作用是关闭所有页面，然后打开新的页面

类似于重新启动应用，打开的页面栈会被清空，只显示新打开的页面。使用uni.reLaunch方法可以实现整个应用的重定向

javascript 复制代码

uni.reLaunch({
  url: '/pages/login/login'
})

用于打开新页面，并将新页面压入页面栈中

被打开的新页面会在页面栈的顶部，用户可以通过返回按钮返回到前一个页面。使用uni.navigateTo方法可以实现页面的跳转导航

javascript 复制代码

uni.navigateTo({
  url: '/pages/login/login'
})

用于关闭当前页面，然后打开新的页面

新打开的页面将替换当前页面在页面栈中的位置，用户无法通过返回按钮返回到原先的页面。使用uni.redirectTo方法可以实现页面的替换跳转

javascript 复制代码

uni.redirectTo({
  url: '/pages/login/login'
})

1、uni.reLaunch：关闭所有页面并打开新页面，页面栈被清空。

2、uni.navigateTo：打开新页面并将其压入页面栈，用户可以通过返回按钮返回到前一个页面。

3、uni.redirectTo关闭当前页面并打开新页面，新页面替换当前页面在页面栈中的位置，用户无法返回到原先的页面。