导航状态

src/permission.js

function hasPermission(roles, permissionRoles) {
  if (roles.indexOf('1') >= 0) return true
  if (!permissionRoles) return true
  return roles.some(role => permissionRoles.indexOf(role) >= 0)
  return roles.some(role => permissionRoles.indexOf('1') >= 0)
}
const whiteList = ['/login', '/findPwd'] // 不重定向白名单

src/router/index.js

      meta: { title: '主页', noCache: true }
    }]
  },
  {
    path: '',
    hidden: true,
    component: Layout,
    name: 'bridgesConsole',
    // meta: {
    //   noCache: true
    // },
    meta: {
      noCache: true,
      roles: ['0']
    },
    children: [
      {
        path: 'bridgeDetail',
        path: 'bridgeMonitor',
        name: 'bridgeMonitor',
        component: () => import('@/views/bridgesConsole/bridgeMonitor/index'),
        meta: { title: '历史监测信息查询', noCache: true }
        meta: {
          title: '历史监测信息查询',
          roles: ['0'],
          noCache: true }
      }
    ]
  }

src/views/dashboard/admin/index.vue

<template>
  <div class="dashboard-editor-container">
    <p class="plat-tit">欢迎使用声脉桥梁云监控平台</p>
    <img class="plat-pic" src="/static/pg.png" alt="桥梁">
    <p class="plat-tit">欢迎使用<br />声脉桥梁云监控平台</p>
  </div>
</template>
<style rel="stylesheet/scss" lang="scss" scoped>
.dashboard-editor-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  .plat-pic{
    margin: 40px auto 10px;
  }
  .plat-tit{
    font-size: 34px;
    line-height: 60px;
    letter-spacing: 4px;
  }
}
</style>