vue-router中路由元配置

68 阅读1分钟

路由元:

路由元,通过meat属性,可以将任何信息附加到路由上,可以判断谁可以访问路由及控制是否访问组件。

格式:           meta:{

                        变量名1:变量值,

                        变量名2:变量值,

                     }

场景:比如在前端开发中,自定义的页脚组件,不想在注册页面展示,在首页展示,可以通过设置meta来实现,

【1】给router/index.js 路由文件中,添加meta属性,自定义名称showfooter 来区分是否展示,实现:当打开/home 主页时,显示页脚;打开/register 注册页面时,不显示页脚

【2】修改App.vue  中的页脚组件,增加v-show属性,通过路由配置中的meta.showfooter,控制Footer页脚组件的显示隐藏。v-show="true" 显示,v-show="false" 隐藏