BusinessTopNav 业务导航栏
业务领域顶部导航栏,展示"应用中心"和"能力中心"入口按钮。根据当前路由高亮,管理员可见能力中心入口。
基本用法
vue
<template>
<BusinessTopNav active="appCenter" />
</template>
<script setup>
import { BusinessTopNav } from '@/components/business-top-nav/BusinessTopNav.vue'
</script>Props
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
active | String | '' | 手动指定激活的导航项('appCenter' 或 'capability'),为空时由当前路由自动派生 |
行为说明
- 路由自动高亮:根据当前
route.name判断是否在应用中心/能力中心,自动高亮对应按钮 - 权限控制:只有管理员/超级管理员角色可见"能力中心"入口
- 导航:点击按钮直接
router.push跳转
