vue 根据路由元信息控制页面内容的展示

vue 根据路由元信息控制页面内容的展示

废话不多说先上效果图


同样的导航栏组件我们如何通过路由控制呢？ 下面上代码

```javascript
{
        path: '/briefcases',
        name: 'briefcases',
        component: Briefcases,
        meta: {
          input: true
        }
      }

> 这是路由，通过meta 给路由 设置一个input 属性 为 true  

```v-show="!$route.meta.input"

在你需要隐藏的盒子里面 写上v-show 取反 那么你就可以通过路由控制这个内容的显示与隐藏了。