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