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

embedded/2024/9/23 14:24:02/

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

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

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

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

2、应用跳转打开新网页

javascript">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,//   },// });
};


http://www.ppmy.cn/embedded/87626.html

相关文章

智能路面裂缝检测:基于YOLO和深度学习的全流程实现

引言 路面裂缝检测是维护道路质量和延长道路寿命的重要手段。传统的检测方法往往费时费力且易受人为因素影响。为了提高检测效率和准确性,本文介绍了一种基于深度学习的路面裂缝检测系统。该系统包括用户界面,利用YOLO(You Only Look Once&a…

C++设计模式笔记(内附可运行代码示例)

持续更新, 欢迎关注....... 前言 设计目的 高内聚,低耦合 设计原则 1、开放封闭原则 类的改动是通过增加代码进行,而不是修改源代码。 2、单一职责原则 职责单一,对外只提供一种功能,引起类变化的原因都应该只有一个。 3…

MATLAB学习日志DAY18

字符与文本(1) 使用单引号在 MATLAB 中输入文本。 例如, s Hello 其结果与已学过的数值矩阵或数组不属于同一类型,而是一个 15 字符数组。 字符在内部作为数字存储,而不会采用浮点格式存储。 语句 a double(s…

基于 HTML+ECharts 实现智慧运维数据可视化大屏(含源码)

智慧运维数据可视化大屏:基于 HTML 和 ECharts 的实现 在现代企业中,运维管理是确保系统稳定运行的关键环节。随着数据量的激增,如何高效地监控和分析运维数据成为了一个重要课题。本文将介绍如何利用 HTML 和 ECharts 实现一个智慧运维数据可…

Mac如何通过SSH连接Github

目录 前言 一、实现步骤 1.生成 SSH 密钥对 2.添加 SSH 密钥到 GitHub: 3.配置 SSH 连接 1.更新远程仓库 URL 2.测试 SSH 连接 前言 GitHub 在 2021 年 8 月 13 日停止了对使用密码进行身份验证的支持。因此,你需要使用其他认证方式,如…

【JAVA开发笔记】Reids下载、安装、配置-Windows篇(超详细,含Redis可视化管理工具!!!)

目录 1. Redis 简介 2. 下载 Redis 安装包 3. 开启 Redis 服务 4. 配置环境变量 5. Redis 服务注册为系统服务 6. Redis 服务测试和简单使用 7. 下载安装 Redis 管理工具 8. 管理工具连接 Redis 服务器 1. Redis 简介 Redis(Remote Dictionary Server&…

为何 APP 和小程序也需进行等保测评

在当今数字化时代,APP 和小程序已成为人们生活和工作中不可或缺的一部分。它们为我们提供了便捷的服务和丰富的功能,但与此同时,其安全性也备受关注。APP 和小程序需要进行等保测评,原因主要有以下几点: **一、保护用…

1180:分数线划定

思路&#xff1a; 简化&#xff1a; 我们可以用 define 把数对的 first 和 second 简化成 X 和 Y。随后用 typedef 把 pair<int,int> 简化成 PIR。 保存&#xff1a; 输入 num 和 score 后&#xff0c;我们可以用可变数组的 push_back() 来保存进去。 排序&#xff…