前端小知识-uni框架的跳转

最新推荐文章于 2024-08-29 16:30:28 发布

杜阿福

最新推荐文章于 2024-08-29 16:30:28 发布

阅读量481

点赞数 2

文章标签：前端

本文链接：https://blog.csdn.net/weixin_53908842/article/details/138447435

版权

本文介绍了UniApp中uni.reLaunch,uni.navigateTo和uni.redirectTo三种方法，它们都可用于刷新页面，分别针对不同的场景：reLaunch关闭所有页面，navigateTo保留当前页面，redirectTo关闭当前页面。

摘要由CSDN通过智能技术生成

1. 使用uni.reLaunch方法（关闭所有页面，打开到应用内的某个页面）
uni.reLaunch方法是uniapp提供的一个API，可以用于重新加载当前页面，从而实现强制刷新当前页面的目的。使用方法如下：

uni.reLaunch({
url: '/pages/index/index'
})
2. 使用uni.navigateTo方法（保留当前页面，跳转到应用内的某个页面）
uni.navigateTo方法也可以实现强制刷新当前页面的目的，使用方法如下：

uni.navigateTo({
url: '/pages/index/index',
success: () => {
uni.navigateBack()
}
})
以上代码中，url参数指定要跳转的页面路径，可以是当前页面，也可以是其他页面，success参数指定跳转成功后的回调函数，在回调函数中，调用uni.navigateBack方法，从而实现强制刷新当前页面的目的。

3. 使用uni.redirectTo方法（关闭当前页面，跳转到应用内的某个页面）
uni.redirectTo方法也可以实现强制刷新当前页面的目的，使用方法如下：

uni.redirectTo({
url: '/pages/index/index'
})
以上代码中，url参数指定要跳转的页面路径，可以是当前页面，也可以是其他页面，调用uni.redirectTo方法，可以实现强制刷新当前页面的目的。