vue前台(二)在路由配置項中，配置meta屬性來影藏組件

 

需求：需要跳轉到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>