vue 拦截器指定页面隐藏 el-footer

要在 Vue 中使用拦截器来隐藏特定页面的 el-footer，你可以考虑使用 Vue Router 和导航守卫（Navigation Guards）来实现。

首先，在路由文件中（通常是 `router/index.js`），导入 Vue Router 和 el-footer 所在的组件：

import Vue from 'vue'
import Router from 'vue-router'
import YourComponent from '@/components/YourComponent.vue'

Vue.use(Router)

然后，定义一个全局前置守卫函数，在该函数中判断当前路由是否是需要隐藏 el-footer 的页面。如果是，则设置一个标志位，以便在组件中进行判断：

const router = new Router({
  routes: [
    // 路由配置
  ]
})

router.beforeEach((to, from, next) => {
  if (to.meta.hideFooter) {
    Vue.prototype.$hideFooter = true
  } else {
    Vue.prototype.$hideFooter = false
  }
  next()
})

在上述代码中，我们使用 `to.meta.hideFooter` 来判断当前路由是否需要隐藏 el-footer。如果需要隐藏，则将 `$hideFooter` 设置为 `true`，否则设置为 `false`。

接下来，在需要隐藏 el-footer 的组件中，你可以通过计算属性来判断是否隐藏 el-footer：

<template>
  <div>
    <!-- 组件内容 -->
    <el-footer v-if="!hideFooter">Footer内容</el-footer>
  </div>
</template>

<script>
export default {
  computed: {
    hideFooter() {
      return this.$hideFooter
    }
  }
}
</script>

在上面的示例中，我们通过计算属性 `hideFooter` 来获取 `$hideFooter` 的值，并根据该值来判断是否隐藏 el-footer。

最后，确保在路由配置中设置需要隐藏 el-footer 的页面的 `meta` 字段：

const router = new Router({
  routes: [
    {
      path: '/your-path',
      name: 'YourComponent',
      component: YourComponent,
      meta: { hideFooter: true } // 需要隐藏 el-footer
    },
    // 其他路由配置
  ]
})

通过以上步骤，你可以使用拦截器来隐藏特定页面中的 el-footer。记得根据你的实际需求进行相应的调整和修改。