vue设置tabbar的显示隐藏
在路由文件中设置const routes = [{path: '/',name: 'Index',component: Index,meta: {showTab: true//如果需要显示就加上这个}},{path: '/Detail',name: 'Detail',component: Detail},{path...
·
- 在路由文件中设置
const routes = [{
path: '/',
name: 'Index',
component: Index,
meta: {
showTab: true//如果需要显示就加上这个
}
},
{
path: '/Detail',
name: 'Detail',
component: Detail
},
{
path: '/Me',
name: 'Me',
component: Me,
meta: {
showTab: true//如果需要显示就加上这个
}
}
]
- 在App.vue中的tabbar加入
v-if="$route.meta.showTab"
即可
<van-tabbar v-if="$route.meta.showTab" v-model="active">
<van-tabbar-item v-for="(tab,tabIndex) in tabbar" ref="import" :key="tabIndex" :to="tab.to" :icon="tab.icon">{{tab.title}}</van-tabbar-item>
</van-tabbar>
更多推荐
已为社区贡献6条内容
所有评论(0)