最近利用vue第三方ui museui开发webapp，然后在导航栏这里出现了问题，我需要在导航栏上的几个路由上显示底部导航栏，在其他路由上不显示，就这个问题，museui的底部导航栏直接加载在app.vue里面，会每个页面都有导航栏，所以这种方式不可行，后来我真的使出了浑身解数，去museui作者github上面提问，无果，去segmentfault上面提问，无果，去vue官方群提问，无果，在提问之前，我都是经过一番搜索，思考的，但是这些都让我崩溃了。可能出错的地方从路由url，museui的使用bug，到加入钩子函数，都预想过，都不是，没关系，坚持就是胜利，可能是我的努力感动了上苍，找到了解决方案。
router.js
const router = new vuerouter({ mode: 'history', routes: [ { path: '/first', component: firstview, meta: { navshow: true, cname: '一级页面' }, name: 'first' }, { path: '/sub', component: subview, meta: { navshow: false, cname: '子页面' }, name: 'sub' }, ], });
app.vue
<bar v-show="$route.meta.navshow">
这是我找到的解决方案，之后根据这个修改了自己的代码，成功解决了。
相信看了本文案例你已经掌握了方法，更多精彩请关注其它相关文章！
推荐阅读：
js怎样扩展字符串拼接
nginx的配置文件怎样分段下载
以上就是vue.js底部导航栏的子路由不显示怎么处理的详细内容。