Skip to content

# SwitchAppsButton ​

## Props ​

参数 | 类型 | 默认值 | 必填 | 说明
--- | --- | --- | --- | ---
propSubAppFlag | String | "" | 否 | 各子应用的唯一标识，对应着统一认证平台的子应用标识，也是各子系统的上下文。空为工作台
propAuthServerURL | String | "" | 否 | oAuth2 的认证服务地址 参照各系统的serverconfig.json 如：http://10.64.16.93:8086
propOAuth2Token | String | "" | 否 | oAuth2的token 使用oAuth2登录之后返回的token
propPopoverWidth | String | "" | 否 | 弹出框的宽度
propSwitchTextColor | String | "white" | 否 | 切换应用的标题颜色
propSwitchTextSize | String | "18px" | 否 | 切换应用的标题字体大小 24px
propSwitchIconColor | String | "white" | 否 | 切换应用的图标颜色
propSwitchIconSize | String | "14px" | 否 | 切换应用的图标大小 24px
propSwitchIconBold | Boolean | false | 否 | 切换应用图标加粗
propSwitchTextBold | Boolean | false | 否 | 切换应用标题加粗
propTargetType | String | "_self" | 否 | 新标签打开方式 _blank 新标签打开 _self 当前窗口打开
propShowOAuth2AdminAppIcon | Boolean | false | 否 | 是否显示统一认证的图标，默认显示
propTest | Boolean | false | 否 | 测试环境 当有值时，会显示组件里的固定测试数据

## Events ​

事件名 | 说明
--- | ---
emitClickCurrentSubAppTitle | 点击子系统的title
emitSwitchSubApp | 切换应用

## 使用示例 ​

vue

    <template>
      <SwitchAppsButton />
    </template>

    <script setup>
    import { SwitchAppsButton } from 'ysj_plugins_dps'
    </script>