借助meta影藏顶部菜单



1===》报错 Cannot find module 'webpack/lib/Chunk' 删除node_modules 然后重新下载
4==》
 现在已进入页面,底部就有四个菜单,在点击这四个菜单中的某个时。
 可以进行页面切换。
 因此  点击 【我的】  切换到【我的页面】
 点击  【我的页面】中的【去登录】
 跑到去登录页面
 同时引产底部就有四个菜单。

1)在四个底部路由中添加
meta: {
    myfooter: true
}
meta默认为false,所以其他不用添加

  routes: [
    {
      path: "/",
      name: "sell",
      component: () => import("../page/sell/sell.vue"),
      meta: {
        myfooter: true
      }
    },
    {
      path: "/search",
      name: "search",
      component: () => import("../page/search/search.vue"),
      meta: {
        myfooter: true
      }
    },
    {
      path: "/order",
      name: "order",
      component: () => import("../page/order/order.vue"),
      meta: {
        myfooter: true
      }
    },
    {
      path: "/person",
      name: "person",
      component: () => import("../page/person/person.vue"),
      meta: {
        myfooter: true
      }
    },

2)通过v_show来影藏

<template>
  <div id="app">
    <myheader></myheader>
    <router-view />
    <myfooter v-show="$route.meta.myfooter"></myfooter>
  </div>
</template>

17ok
原文地址:https://www.cnblogs.com/IwishIcould/p/11878296.html