iframe-tab-sdk

iframe微前端集成, 顶部tab页操作;支持独立运行

API

|方法名|说明|参数|类型 |:----|:----|:----|:---- |openTab|打开tab页|openRoute，详见下表|object |refreshTab|刷新tab页|openRoute|object |closeTab|关闭tab页|urlPath|string |logout|退出登录|无|无 |reload|刷新主应用网页|无|无 |closeAndOpenTab|关闭当前tab并新开tab|{ openRoute, closeTabName,message }|object |fullscreen|全屏/退出全屏|isFullScreen|boolean

openRoute Attributes

|参数|类型|必填|说明 |:----|:----|:----|:---- |urlPath|string|是|tab页对应的路由(需加上子应用前缀) |title|string|是|tab页标题 |params|object|否|params路由参数 |query|object|否|query路由参数 |refreshClearQuery|boolean|否|是否清空路由参数 |key|string|否|资源id |meta|object|否|tab页元数据

示例(vue+elementui)

// main.js
// 引入后vue实例上会多一个$iframeTabSdk属性
import IframeTabSdk from 'iframe-tab-sdk'
vue.use(IframeTabSdk,{router})
// 方式一
this.$iframeTabSdk.closeAndOpenTab(params)
// 方式二
import {closeAndOpenTabAsIframe} from 'iframe-tab-sdk'
closeAndOpenTab({
  urlPath: '/console/user/list',
  title: '新tab',
  params: {}, // 非必填
  query: {}, // 非必填
})