vue 跳转页面打开浏览器新窗口或者打开新标签

server/2024/10/22 16:22:56/

vue 跳转页面打开浏览器新窗口或者打开新标签

打开浏览器新窗口方法:

javascript">openNewWindow () {// 打开新窗口let left = ((window.screen.width / 2) - 180) / 2   // 新窗口居中let width = (window.screen.width / 2) + 180        // 新窗口的宽度// 新窗口要设置的参数let params = `height=${window.screen.height},width=${width},top=0,left=${left},toolbar=no,menubar=no,scrollbars=no,resizable=yes,location=yes,status=no`window.open(`/testPage/${this.title}/${this.id}/${this.type}/${this.date}`,'_blank',params)},// 注意:路由地址的 path 必须配置成以下这样,有几个参数就配置几个参数// path : '/testPage/:title/:id/:type/:date'

打开新标签页方法:

javascript"> openNewTab () {// 打开新标签let routeData = this.$router.resolve(({path: '/testPage', // path 要跳转的路由地址// query 要传递的参数query: { title: this.title,id: this.id,type: this.type,date: this.date,}}))window.open(routeData.href,'_blank')},

http://www.ppmy.cn/server/21552.html

相关文章

深度学习之图像分割从入门到精通——基于unet++实现细胞分割

模型 import torch from torch import nn__all__ [UNet, NestedUNet]class VGGBlock(nn.Module):def __init__(self, in_channels, middle_channels, out_channels):super().__init__()self.relu nn.ReLU(inplaceTrue)self.conv1 nn.Conv2d(in_channels, middle_channels, …

【Unity】苹果(IOS)开发证书保姆级申请教程

前言 我们在使用xcode出包的时候,需要用到iOS证书(.p12)和描述文件(.mobileprovision) 开发证书及对应的描述文件用于开发阶段使用,可以直接将 App 安装到手机上,一个描述文件最多绑定100台测试设备 1.证书管理 进入网站Apple Developer &…

三星电脑文件夹误删了怎么办?恢复方案在此

在使用三星电脑的过程中,我们可能会不小心删除了某个重要的文件夹,其中可能包含了工作文件、家庭照片、视频或其他珍贵的数据。面对这种突发情况,不必过于焦虑。本文将为您提供几种有效的恢复方案,希望能帮助您找回误删的文件夹及…

uniapp 引用组件后 不起作用 无效果 不显示

根据uniapp官方文档easycom组件规范 只要组件安装在项目的components目录下或uni_modules目录下,并符合components/组件名称/组件名称.(vue|uvue)目录结构(注意:当同时存在vue和uvue时,uni-app 项目优先使用 vue 文件,…

Java 基于Graphics2D 实现海报(支持自定义颜色,背景,logo,贴图)

效果: 海报一: 海报二: 代码: 参数实体类: package com.ly.cloud.dto;import lombok.Data;/*** Author * Date Created in 2024/4/24 下午2:16* DESCRIPTION: 海报页面所需的参数 实体类* Version V1.0*/ Dat…

c++初阶-----STL---vector

作者前言 🎂 ✨✨✨✨✨✨🍧🍧🍧🍧🍧🍧🍧🎂 ​🎂 作者介绍: 🎂🎂 🎂 🎉🎉&#x1f389…

北京车展打响新汽车“第一枪”,长安造车40年,开启“汽车机器人”时代

4月25日,睽违四年的2024(第十八届)北京国际汽车展览会正式启幕,此次车展以“新时代 新汽车”为主题,吸引全球1500余家主流车企及零部件制造商同台“打擂”。其中,长安汽车以“数智启源随你而变”为主题,携各子品牌及合…

Blender面操作

1.细分Subdivide -选择一个面 -右键,细分 -微调,设置切割次数 2.删除 -选择一个或多个面,按X键 -选择要删除的是面,线还是点 3.挤出面Extrude -选择一个面 -Extrude工具 -拖拽手柄,向外挤出 -微调&#xff…