第2条 能给我vue element admin 中对应的代码么

当使用 Vue Element Admin 进行权限控制时，以下是一种常见的实现方式：

1. 首先，在登录成功后，将 token 存储到合适的地方，例如 Vuex 或浏览器的本地存储（localStorage）。

// 在登录成功后获取到 token
const token = 'your_token';

// 使用 Vuex 存储 token
store.commit('user/setToken', token);

// 或者使用 localStorage 存储 token
localStorage.setItem('token', token);

2. 在路由守卫中，根据用户权限判断是否显示菜单栏。这里假设您的菜单栏组件是 `Sidebar`。

import router from '@/router';
import store from '@/store';

// 在路由守卫中判断用户权限
router.beforeEach((to, from, next) => {
  // 从 Vuex 或 localStorage 获取 token
  const token = store.state.user.token || localStorage.getItem('token');

  if (token) {
    // 如果有 token，则说明用户已登录
    // 这里可以根据您的业务逻辑判断用户权限是否足够显示菜单栏
    const hasPermission = true; // 假设用户拥有足够权限

    if (hasPermission) {
      // 设置菜单栏显示
      store.commit('app/setSidebar', true);
    } else {
      // 设置菜单栏隐藏
      store.commit('app/setSidebar', false);
    }

    next();
  } else {
    // 如果没有 token，则说明用户未登录，跳转到登录页面
    next('/login');
  }
});

3. 在您的菜单栏组件中，根据 `app.sidebar` 的值来决定是否显示菜单栏。

<template>
  <div v-if="sidebarVisible">
    <!-- 菜单栏内容 -->
  </div>
</template>

<script>
import { mapState } from 'vuex';

export default {
  computed: {
    ...mapState('app', ['sidebar']),
    sidebarVisible() {
      return this.sidebar;
    },
  },
};
</script>

以上是一个简单的示例，您可以根据实际需求进行相应的调整和扩展。请注意，这只是一种常见实现方式，具体根据您的项目结构和需求来确定最佳实践。