uniapp tabbar 相互切换刷新页面

对于uniapp tabbar相互切换刷新页面的问题，你可以使用uni-app提供的switchTab方法进行切换，并且不会刷新页面。例如：

uni.switchTab({
  url: '/pages/index/index'
});

这样就可以切换到index页面，而不会刷新当前页面。

相关问题

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 ]

uniapp tabbar 页面相互跳转并刷新

要实现tabbar页面相互跳转并刷新，可以采用以下步骤：

1. 在app.vue中定义一个全局事件总线（eventBus），用于各页面之间的通信。

// app.vue
import Vue from 'vue'
const eventBus = new Vue()
Vue.prototype.$eventBus = eventBus

2. 在tabbar页面中，使用$emit()方法触发事件并传递数据。

// tabbar页面
this.$eventBus.$emit('refresh', data)

3. 在其他页面中，使用$on()方法监听事件，并进行相应的操作。

// 其他页面
this.$eventBus.$on('refresh', data => {
  // 刷新页面
})

注意：如果需要传递参数，可以将参数传递给$emit()方法，然后在$on()方法中获取参数。同时，为了避免内存泄漏，需要在组件销毁时取消事件监听。

// 其他页面
created() {
  this.$eventBus.$on('refresh', this.refreshPage)
},
beforeDestroy() {
  this.$eventBus.$off('refresh', this.refreshPage)
},
methods: {
  refreshPage(data) {
    // 刷新页面
  }
}