uniapp关闭原有的tabber

要在 uniapp 中关闭原有的 tabbar，可以通过在页面的 `onLoad` 生命周期中使用 `uni.hideTabBar()` 方法来实现。具体代码如下：

export default {
  onLoad() {
    uni.hideTabBar();
  },
}

这样就可以在进入该页面时关闭原有的 tabbar 了。如果需要在页面销毁时恢复原有的 tabbar，可以在 `onUnload` 生命周期中使用 `uni.showTabBar()` 方法来实现。

相关问题

uniapp离开此tabber页面时触发

在uniApp中，如果你想在用户离开当前TabBar页面时触发某个事件或操作，你可以使用`uni.onPageShow`和`uni.onPageHide`这两个生命周期钩子函数。

`uni.onPageShow`会在页面显示时触发，而`uni.onPageHide`则会在页面隐藏（即离开TabBar页）时触发。通常你在`onPageHide`回调里可以执行一些清理工作、保存数据或者发送异步请求的操作，因为你知道用户即将离开当前页面。

例如：

Page({
  data: {},
  
  onLoad() {
    uni.onPageHide(() => {
      // 页面将要关闭时的操作
      console.log('用户正在离开当前TabBar页面');
      // 可能的操作，如：清理缓存、保存数据等
    });
  },
  
  onDestroy() {
    // 页面销毁前移除监听
    uni.offPageHide(this.handlePageHide);
  }
})

在这个例子中，`handlePageHide`是你为`onPageHide`注册的处理函数名。记得在`onDestroy`生命周期钩子中移除这个监听，避免内存泄漏。

uniapp 小程序 tabber 使用动态图标

UniApp小程序的TabBar组件可以设置动态图标，通过结合Iconfont、网络图片或者其他自定义路径的方式来实现。下面是一种常见的做法：

1. **Iconfont**：如果你使用的是Iconfont图标库，可以在`uni-tabbar-item`的`icon`属性里引用动态图标类名，然后通过设置data来控制显示不同的图标。例如：

<template>
  <uni-tabbar>
    <uni-tabbar-item :icon="currentIcon" @click="changeIcon">首页</uni-tabbar-item>
  </uni-tabbar>
</template>

<script>
export default {
  data() {
    return {
      currentIcon: 'icon-default', // 默认图标
      icons: ['icon-home', 'icon-setting'] // 可选项数组
    };
  },
  methods: {
    changeIcon() {
      this.currentIcon = (this.currentIcon === this.icons[0]) ? this.icons[1] : this.icons[0]; // 交换图标
    }
  }
};
</script>

2. **网络图片**：如果你想展示动态的网络图片，可以使用`uni.getImageInfo`获取图片URL，然后更新`icon-src`属性，示例：

<template>
  <uni-tabbar-item :icon-src="dynamicIconUrl"></uni-tabbar-item>
</template>

<script>
export default {
  data() {
    return {
      dynamicIconUrl: '默认图标url'
    };
  },
  methods: {
    updateDynamicIcon(newIconUrl) {
      this.dynamicIconUrl = newIconUrl;
    }
  }
};
// 在需要更换图标的地方调用updateDynamicIcon方法
</script>