需求:我有一个列表页,我想在点击列表的时候,在新页面打开它的详情页(这个详情页还是全屏的没有侧边栏和头部导航)
如果直接使用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,// },// });
};