【uniapp（重载当前页面）】在使用 uniapp 开发跨平台应用时，有时会遇到需要重新加载当前页面的情况。例如：用户操作后需要刷新数据、页面状态发生变化后需要重新渲染等。然而，uniapp 并没有提供像传统 Web 中 `location.reload()` 这样的直接方法来实现页面的“重载”。因此，开发者需要通过一些技巧和方法来模拟“重载”效果。
总结
| 方法 | 实现方式 | 适用场景 | 优点 | 缺点 |
| 使用 `uni.reLaunch` | 重新启动当前页面 | 需要重新加载整个页面 | 简单直接 | 会丢失页面状态 |
| 使用 `this.$forceUpdate()` | 强制更新组件 | 数据变化后需刷新视图 | 不影响页面生命周期 | 只能更新当前组件 |
| 使用 `uni.$emit` + `onLoad` | 触发页面重新加载逻辑 | 数据变化后需要重新获取 | 可控制加载逻辑 | 需手动管理事件 |
| 使用 `uni.navigateBack` 再跳转回来 | 通过返回再进入 | 页面状态需要重置 | 可保留部分状态 | 体验不流畅 |
具体说明
1. `uni.reLaunch` 方法
该方法可以重新启动当前页面，相当于重新加载整个页面。适用于需要完全刷新页面内容的情况，但缺点是无法保留页面状态（如表单输入、滚动位置等）。
```javascript
uni.reLaunch({
url: '/pages/index/index'
});
```
2. `this.$forceUpdate()` 方法
在 Vue 中，可以通过 `this.$forceUpdate()` 强制组件重新渲染。适用于数据更新后，视图未自动刷新的情况。但这种方法不会触发页面的 `onLoad` 生命周期，因此不适合需要重新拉取数据的场景。
3. `uni.$emit` + `onLoad` 方法
通过自定义事件触发页面的 `onLoad` 逻辑，可以在数据变化后重新加载页面内容。这种方式更灵活，可以控制哪些数据需要重新加载，但需要手动管理事件和生命周期。
4. `uni.navigateBack` + 跳转回当前页面
通过返回上一页再重新进入当前页面，可以达到“重载”的效果。这种方式适合需要重置页面状态的情况，但用户体验可能不够流畅，尤其是在复杂页面中。
结论
在 uniapp 中，“重载当前页面”并不是一个直接支持的功能，但可以通过多种方式实现类似效果。根据实际需求选择合适的方法，既能保证功能的完整性，又能提升用户体验。建议在开发过程中结合具体业务场景，合理选择重载策略。