需求:需要跳转到login和register组件时,footer组件影藏
路由配置项中配置meta
{
path:'/login',
component:Login,
// 用来判定底部是否隐藏
meta:{
isHide:true
}
},
{
path:'/register',
component:Register,
meta:{
isHide:true
}
},
在app.vue中影藏组件
<template> <div> <Header></Header> <router-view></router-view> <!-- <Footer v-if="$route.path === '/home' || $route.path === '/search'"></Footer> --> <Footer v-if="!$route.meta.isHide"></Footer> </div> </template>