1.引言
在开发过程中，经常会遇到需要进行页面跳转的情况。原生开发可以通过Activity和Fragment进行页面跳转，而在uniapp开发中则可以使用uni.navigateTo()、uni.redirectTo()和uni.reLaunch()等函数进行页面跳转。当我们需要在跳转回上一页时刷新页面，就需要借助uniapp提供的特殊处理方式。
2.uniapp页面跳转的三种方式
2.1 uni.navigateTo()
uni.navigateTo()函数用于跳转到应用内的某个页面。跳转后，新页面将打开一个顶部导航栏，用户可以通过左上角返回按钮返回上一页。该函数的使用方式如下：
uni.navigateTo({
url: 'path/to/page'
})
其中，url参数表示跳转的页面路径。调用uni.navigateTo()函数后，会将要跳转的页面压入应用内的页面栈中，即当前页面变成了跳转后的页面栈中的上一页。返回上一页时，可以通过左上角的返回按钮实现。
2.2 uni.redirectTo()
与uni.navigateTo()函数不同，uni.redirectTo()函数用于关闭当前页面并跳转到应用内的某个页面。跳转后，新页面同样会打开一个顶部导航栏，用户可以通过左上角返回按钮返回上一页。该函数的使用方式如下：
uni.redirectTo({
url: 'path/to/page'
})
调用uni.redirectTo()函数后，当前页面会被关闭并从页面栈中移除，新页面将成为页面栈中的唯一页面。这意味着，在新页面中点击左上角的返回按钮时，将返回应用内的首页。因此，该函数通常用于应用的登录和注册等流程处理。
2.3 uni.reLaunch()
uni.reLaunch()函数用于关闭所有页面并跳转到应用内的某个页面。跳转后，新页面同样会打开一个顶部导航栏，用户可以通过左上角返回按钮返回上一页。该函数的使用方式如下：
uni.reLaunch({
url: 'path/to/page'
})
调用uni.reLaunch()函数后，当前应用内所有的页面将被关闭并从页面栈中移除，新页面将成为页面栈中的唯一页面。因此，通常将该函数用于跳转到应用内的首页，以实现一种功能类似的效果。
3.uniapp实现页面跳转并刷新的方法
当程序中使用uni.navigateTo()、uni.redirectTo()和uni.reLaunch()函数跳转到应用内的某个页面时，通常需要返回上一页并刷新页面的操作。具体实现方式如下：
3.1 在跳转到下一页时传递参数
如果需要在下一页刷新上一页的内容，就需要将需要刷新的数据作为参数传递给下一页，在下一页进行处理后再返回上一页。例如，在下一页中进行编辑操作后，需要将保存后的新数据返回给上一页，同时刷新上一页的显示。为了实现这一过程，可以在跳转时传递需要刷新的数据作为参数：
uni.navigateTo({
url: 'path/to/page?id=' + id
})
该代码中，通过url参数传递需要刷新的数据，其中id为要传递的参数。
3.2 在上一页onShow()中监听参数更新
在下一页完成操作后，需要将结果保存并返回上一页。此时，可以在下一页的onUnload()函数中调用uni.navigateBack()函数返回上一页：
onUnload() {
uni.navigateBack();
}
在返回上一页后，页面将会由uniapp自动调用onShow()函数。可以在onShow()函数中获取最新的参数，从而实现数据刷新：
onShow() {
const pages = getCurrentPages();
const currentPage = pages[pages.length - 1];
const options = currentPage.options;
const id = options.id;
// 更新数据
}
该代码中，使用getCurrentPages()函数获取所有的页面栈，然后通过当前页面的options属性获取上一页传递的参数。
4.总结
在uniapp开发中，通过uni.navigateTo()、uni.redirectTo()和uni.reLaunch()函数可以实现应用内页面的跳转。要实现刷新上一页的操作，需要在跳转到下一页时传递参数，并在上一页的onShow()函数中监听参数的更新。
至此，本篇文章就介绍了uniapp页面跳转和刷新的方法，希望对开发者有所帮助。uniapp作为一种跨平台开发框架，越来越受到开发者的欢迎，相信大家在使用中也会遇到各种问题和难题，请继续关注本站的相关教程和文章。