vue项目中如何在新页面打开页面

需求：我有一个列表页，我想在点击列表的时候，在新页面打开它的详情页（这个详情页还是全屏的没有侧边栏和头部导航）

如果直接使用router,那还是单页面应用，所以这里使用的是原生办法window.open('url', '_blank');

1、在路由中定义（我的需求是要和登录导航平级的，因为我不需要侧边栏和头部导航）

{
    path: '/communicationAnalysisDetail/:id(\\d+)',
    name: 'CommunicationAnalysisDetail',
    meta: { title: '沟通分析详情' },
    component: () => import('@/view/SalesAssistant/CommunicationAnalysis/components/Detail.vue'),
  },

2、应用跳转打开新网页

const gotoDetail = item => {
  if (item.ai_analysis_status !== 4 && item.ai_analysis_status !== 5) {
    window.open(`/communicationAnalysisDetail/${item.id}`, '_blank');
  }
  // router.push({
  //   name: 'CommunicationAnalysisDetail',
  //   params: {
  //     id: item.id,
  //   },
  // });
};