1.说明

版本:jpaas-common-lib @2.0.1
在开发中有时候我们需要在jpaas-vue中打开一个路由,新增一个tab.

2.操作

1.引入:

import { TabOpen } from 'jpaas-common-lib'

2.混入

mixins: [ TabOpen ],

3.使用

   let config = {
           openWay:'tabOpen',//页面打开的方式(固定值),可用于点击tab的时候判断是通过菜单加载的还是通过自定义方法tabOpen打开的页面;
           title:'页面名称', //页面名称 必填
           key:'test',//页面路由name  必填
           params:{ //页面传参 可选
               id:'0001'
           },
        path:'paas/test/',//可选,一些特定的页面需要用path打开的时候用;
        query:{//path的时候传值 值会拼接到 链接上 "paas/test?id=132"
            id:'132'
        },
        component:'',//文件路径必须在"src/views/"目录下面如:"modules/user/org/OsGroupList.vue"
   }
   this.openTabs(config);

4.注意

打开的页面必须有路由,并且在Minlayout路由下;

如果通过path 打开页面不想使用query传值;
可以设置路由 
//router.config.js
{
    openWay:'tabOpen',
    path:'paas/test/:id',
    ...
}
//js
let config = {
    openWay:'tabOpen',
    title:'测试页面',
    path:'paas/test/132',//通过path传值;
}
this.openTabs(config);

5.效果

文档更新时间: 2023-08-25 11:35   作者:yangxing