vue admin template 如何控制导航菜单的显示隐藏

Vue Admin Template 的导航菜单一般是通过路由配置来控制显示和隐藏。在路由配置中，可以设置 meta 属性来控制菜单的显示和隐藏。

例如，以下是一个路由配置示例：

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home,
    meta: {
      showMenu: true
    }
  },
  {
    path: '/about',
    name: 'About',
    component: About,
    meta: {
      showMenu: false
    }
  }
]

在上面的示例中，Home 路由的 meta 属性设置为 showMenu: true，表示在菜单中显示该路由对应的页面链接；而 About 路由的 meta 属性设置为 showMenu: false，表示在菜单中不显示该路由对应的页面链接。

在菜单组件中，可以通过遍历路由配置获取每个路由的 meta 属性，来动态控制菜单的显示和隐藏。

例如，以下是一个菜单组件示例：

<template>
  <div>
    <ul>
      <li v-for="route in routes" v-if="route.meta.showMenu">
        <router-link :to="route.path">{{ route.name }}</router-link>
      </li>
    </ul>
  </div>
</template>

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

在上面的示例中，通过 computed 属性获取路由配置，并通过 v-for 指令和 v-if 指令遍历路由配置并控制菜单的显示和隐藏。

当然，以上只是一个示例，实际项目中可能需要更复杂的菜单控制逻辑，具体实现方式可以根据项目需求进行调整