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

置顶 supervillain2

于 2021-02-04 15:48:51 发布

阅读量582

点赞数 20

文章标签： javascript vue.js html5 node.js html

本文链接：https://blog.youkuaiyun.com/supervillain2/article/details/113650441

版权

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

废话不多说先上效果图

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


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

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

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

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