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>