UniAPP 隐藏页面会刷新
随着移动互联网的发展，越来越多的人开始使用APP，作为一款跨平台的框架，UniAPP得到了越来越多的关注。它不仅可以在多个平台上运行，还可以使用Vue语法进行开发。但是，在实际使用UniAPP开发过程中，可能会遇到一些坑，其中之一就是隐藏页面会刷新的问题。
1. 什么是隐藏页面？
在UniAPP中，隐藏页面指的是通过修改页面的样式来将页面隐藏起来，这种方式与display:none或者visibility:hidden的方式类似，但是与这两种方式不同的是，隐藏页面仍然存在于DOM树中。
// 隐藏页面的样式
.hidden-page {
opacity: 0;
height: 0;
width: 0;
overflow: hidden;
position: absolute;
top: -9999px;
left: -9999px;
}
2. 隐藏页面会刷新的原因
在UniAPP中，当页面被隐藏后，如果使用了uni.navigateTo或uni.redirectTo等方法跳转到当前页面，会导致页面刷新。这是因为UniAPP会认为当前页面被销毁了，然后重新创建一个新的页面。
具体来说，当使用uni.navigateTo方法跳转到当前页面时，UniAPP会销毁当前页面，并将当前页面的状态和数据保存在uni.__state__中。然后，UniAPP会创建一个新的页面，并从uni.__state__中恢复之前的状态和数据。
由于隐藏页面仍然存在于DOM树中，因此会触发当前页面的beforeDestroy和destroyed钩子函数。
因此，需要注意的是，隐藏页面可能会影响到页面的生命周期和数据状态。
3. 如何避免隐藏页面刷新的问题
为了避免隐藏页面刷新的问题，可以使用uni.navigateBack或uni.reLaunch等方法来避免页面的销毁和重建。
具体来说，当从当前页面跳转到其他页面时，可以使用uni.navigateBack方法返回到之前的页面；或者使用uni.reLaunch方法重新启动应用程序，从而避免页面的销毁和重建。
// 返回到之前的页面
uni.navigateBack({
delta: 1 // 返回的页面数，从当前页面开始计算，默认为1
});
// 重新启动应用程序
uni.reLaunch({
url: '/pages/index/index' // 需要打开的页面
});
4. 总结
UniAPP是一款跨平台的开发框架，具有使用方便、性能稳定等优点。但是，在开发过程中，需要注意一些细节问题，比如隐藏页面会刷新的问题。为了避免这个问题，可以使用uni.navigateBack或uni.reLaunch等方法进行页面跳转。通过对这些细节问题的了解和掌握，可以更好地使用UniAPP进行开发。