侧边菜单栏的加载bug

src/permission.js

function hasPermission(roles, permissionRoles) {
  if (roles.indexOf('1') >= 0) return true
  if (!permissionRoles) return true
  return roles.some(role => permissionRoles.indexOf('1') >= 0)
  return roles.some(role => permissionRoles.indexOf(role) >= 0)
}
const whiteList = ['/login', '/findPwd'] // 不重定向白名单
router.beforeEach((to, from, next) => {
  NProgress.start()
  setTimeout(() => {
    if (getCookiesName()) {
      if (to.path === '/login') {
        console.log(3333)
        next({ path: '/' })
        NProgress.done()
      } else {
        if (store.getters.roles.length === 0) { // 判断当前用户是否已拉取完user_info信息
          store.dispatch('GetUserInfo').then(res => { // 拉取user_info
            const roles = [res.data.type.toString()]
            store.dispatch('GenerateRoutes', { roles }).then(() => { // 根据roles权限生成可访问的路由表
              router.addRoutes(store.getters.addRouters) // 动态添加可访问路由表
              next({ ...to, replace: true }) // hack方法 确保addRoutes已完成
            })
          }).catch((err) => {
            store.dispatch('FedLogOut').then(() => {
              Message.error(err || '登录状态失效，请重新登录')
              next({ path: '/' })
            })
  if (getCookiesName()) {
    if (to.path === '/login') {
      next({ path: '/' })
      NProgress.done()
    } else {
      if (store.getters.roles.length === 0) { // 判断当前用户是否已拉取完user_info信息
        console.log(5555)
        store.dispatch('GetUserInfo').then(res => { // 拉取user_info
          const roles = [res.data.type.toString()]
          store.dispatch('GenerateRoutes', { roles }).then(() => { // 根据roles权限生成可访问的路由表
            router.addRoutes(store.getters.addRouters) // 动态添加可访问路由表
            next({ ...to, replace: true })
          })
        }).catch((err) => {
          store.dispatch('FedLogOut').then(() => {
            Message.error(err || '登录状态失效，请重新登录')
            next({ path: '/' })
          })
        } else {
          console.log(4444)
          if (hasPermission(store.getters.roles, to.meta.roles)) {
            next()
          }
        })
      } else {
        console.log(4444)
        if (hasPermission(store.getters.roles, to.meta.roles)) {
          next()
        }
      }
    }
  } else {
    if (whiteList.indexOf(to.path) !== -1) {
      next()
    } else {
      if (whiteList.indexOf(to.path) !== -1) {
        next()
      } else {
        next('/login')
        NProgress.done()
      }
      next('/login')
      NProgress.done()
    }
  }, 1000)
  }
})
router.afterEach(() => {

src/router/index.js

    }]
  },
  {
    path: '',
    path: 'bridgesConsole',
    hidden: true,
    component: Layout,
    name: 'bridgesConsole',
      {
        path: 'bridgeDetail',
        name: 'bridgeDetail',
        component: () => import('@/views/bridgesConsole/bridgeDetail/index')
        // meta: { noCache: true }
        component: () => import('@/views/bridgesConsole/bridgeDetail/index'),
        meta: { noCache: true }
      },
      {
        path: 'danger',
          noCache: true }
      }
    ]
  }
]
// 实例化vue的时候只挂载constantRouter
export default new Router({
  // mode: 'history', //后端支持可开
  scrollBehavior: () => ({ y: 0 }),
  routes: constantRouterMap
})
// 异步挂载的路由
// 动态需要根据权限加载的路由表
  },
export const asyncRouterMap = [
  {
    path: '',
    component: Layout,
  { path: '*', redirect: '/404', hidden: true }
]
// 实例化vue的时候只挂载constantRouter
export default new Router({
  // mode: 'history', //后端支持可开
  scrollBehavior: () => ({ y: 0 }),
  routes: constantRouterMap
})
// 异步挂载的路由
// 动态需要根据权限加载的路由表
export const asyncRouterMap = [
]

src/views/dashboard/admin/index.vue

<script>
export default {
  name: 'dashboard-admin',
  watch: {
    $route(to, from) {
      console.log(to.path)
    }
  },
  created() {
    // this.toPath()
  },

src/views/dashboard/other/index.vue

    },
    goToDashboardC(id, name) {
      this.$router.push({
        path: '/bridgeDetail',
        name: 'bridgeDetail',
        query: { id: id, name: name }
      })
    },

src/views/layout/components/Sidebar/index.vue

      text-color="#bfcbd9"
      active-text-color="#409EFF"
    >
      <sidebar-item v-for="route in permission_routers" :key="route.name" :item="route" :base-path="route.path"></sidebar-item>
      <sidebar-item v-for="route in routes" :key="route.name" :item="route" :base-path="route.path"></sidebar-item>
    </el-menu>
  </el-scrollbar>
</template>
  components: { SidebarItem },
  computed: {
    ...mapGetters([
      'permission_routers',
      // 'permission_routers',
      'sidebar'
    ]),
    routes() {