uniapp如何切换tabbar刷新页面

在Uniapp中，切换tabbar时会遇到页面一起刷新的问题。解决这个问题的方法有几种。一种方法是在pages.json文件中设置原生tabbar，并在页面运行时将原生tabbar隐藏，以解决闪烁问题。这种方法可以参考自定义tabbar闪烁问题的解决方法。\[1\]

另一种方法是自行封装tabbar组件，确保tabbar选项在页面切换时正确激活。封装tabbar组件时，需要注意设置激活和非激活状态，并确保在页面切换时正确激活选项。\[2\]

当封装完成后，在页面中引入组件进行使用。然而，由于tabbar处于不同的pages下，数据不能共享，导致无法正确激活选项。为了解决这个问题，可以考虑以下几种方案：

1. 使用状态管理插件如vuex或pinia来共享激活页索引，在点击切换时修改状态即可。
2. 在页面跳转时传递要跳转页的索引，并在跳转页中将数据传入自定义的tabbar组件。
3. 使用uni.switchTab方法进行跳转时携带参数，然后在其他页面中使用onLoad接收参数来实现页面刷新。

另外，还有一种方法是将所有内容放在一个页面中，只有一个tabbar，并通过局部跳转来切换其他内容。\[3\]

综上所述，Uniapp中切换tabbar刷新页面的方法有多种，可以根据具体需求选择适合的方法来解决问题。
#### 引用[.reference_title]
- *1* *2* *3* [uniapp自定义tabbar](https://blog.csdn.net/weixin_45855502/article/details/129309134)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]