在指定的页面隐藏底部tabbar

两种方法

一.在路由添加一个自定义的meta对象，在meta对象中可以设置一些状态，来进行一些操作。 eg.

去App.vue中在对应的挂载路由中设置v-if逻辑判断 <TabBar v-if="!route.meta.hideTabBar" /> v-if="!route.meta.hideTabBar" 原值为true，这里设置为false，所以会隐藏掉

二. 设置这个类属性，

可以放到公共类common.css

.hide-tabbar {
  position: relative;
  z-index: 9;
  height: 100vh;
  background-color: #fff;
  overflow-y: auto;
}

overflow-y:属性指定如果它溢出了元素的内容区是否剪辑顶部/底部边缘内容。 auto:如果溢出框，则应该提供滚动机制。