uniapp 自定义tabar切换页面刷新

UniApp 中自定义 TabBar 切换页面刷新通常指的是当你在 TabBar 上切换页面时，希望新打开的页面能够自动刷新数据或者更新内容到最新的状态。在 UniApp 开发中，你可以通过以下几种方式来实现：

1. **生命周期钩子**：在子组件的 `onLoad` 或者 `onShow` 生命周期方法中，添加数据请求来获取并更新页面数据。例如，在 Vue 组件中：

export default {
  onLoad() {
    this.fetchData();
  },
  methods: {
    fetchData() {
      // 发起网络请求获取最新数据
      uni.request({
        url: 'your-api-url',
        success(res) {
          // 更新数据
          this.setData({ data: res.data });
        }
      });
    }
  }
}

2. **路由守卫**：如果是在路由配置上，可以设置对应的导航守卫，在进入页面时强制刷新数据。例如：

router.beforeEach((to, from, next) => {
  if (to.meta.refreshOnSwitch) {
    this.$http.get(to.path).then(response => {
      // 设置数据到组件
      this.setData({ ...response.data });
    });
  }
  next();
});

这里假设你已经引入了 `uni.$http` 进行网络请求。

3. **Vuex 存储管理**：对于共享的数据，可以利用 Vuex 管理状态，当 TabBar 切换时触发相应的 actions 来刷新数据。

注意：上述方法需要结合具体的项目结构和需求来调整，同时确保在处理网络请求时考虑用户体验，避免过于频繁的刷新导致性能下降。