jeecg-boot如何设置打开新的标签页

引言

本案例主要描述在jeecg-vue3场景下如何打开新的标签页。

步骤

设置隐藏菜单为隐藏路由

设置角色的授权

即将某角色绑定到隐藏路由菜单上。

通过Js调用

• 引入router

  import { router } from '/@/router';

• 代码调用

router.push('/crm/store/StoreAdmin?id='+record.id)

//跳转到的页面如何接收参数
import {useRoute} from 'vue-router'
//从路由中获取传递过来的参数
const route = useRoute();
let id = parseInt(route.query.id);
const storeId = ref(id);

通过页面调用

<router-link :to="{path: '/path', query:{code: text}}">{{ text }}
</router-link>
进行跳转，但是会导致整个页面全部刷新，且无法保留当前已经打开的标签

解决方法：

使用 useRouter() 中replace解决
具体代码：
replace({ path: "/path", query: { code: code } });