在vue中，用路由router跳转打开一个新标签页

需求：点击退租单，生成一个退款表格(打印PDF)。需要跳转到一个新标签页。

一、用JS实现

let routeUrl = this.$router.resolve({path: "/surrender",params: {billId:21}});window.open(routeUrl.href, '_blank');

二、用vue-router跳转

<router-link target="_blank" :to="{path:'/surrender',params:{billId:21}}">打印</router-link>

在vue中，用路由router跳转打开一个新标签页相关推荐

vue项目点击左侧子菜单，打开一个新的浏览器标签页
在项目开发中,产品给了这样一个需求:点击左侧子菜单,在浏览器中打开一个新的标签页,展示数据大屏.在此写个随笔记录下实现过程. 思路:使用编程式导航实现页面跳转,我们常用的是 $router.push ...
如何设置使chrome新标签页中打开链接自动跳转到新标签页?
在新标签打开链接的时候这样点选 Ctrl+左键或者鼠标中键或者右键链接选择'新标签页中打开链接', 可实现出现新标签页但不自动跳转但是这个有问题, 即, 新标签只是在背景打开, 操作后并不会 ...
在主窗体中打开一个新子窗体，如果已有子窗体，则激活它，而不打开新的。...
frmGroupMgr fgm = null; //遍历窗体中是否已存在同名的子窗体 foreach (Form f in this.MdiChildren) { //检测是不是当前子窗体名称 if ...
html ie 新标签页打开,教你IE浏览器恢复以前新标签打开样式在win10中方法 | 专业网吧维护...
我们在win10系统的使用中,很多的小伙伴都是需要安装不同的电脑的浏览器来使用的,但是系统自带的IE浏览器就是很多的小伙伴也在使用的,在更新升级IE浏览器以后有小伙伴页面标签的和以前的不一样了,想要设 ...
vue中的路由跳转方法，详细（vue路由跳转）
一.<router-link/>方式简述:通过to属性和path和name进行跳转,并进行参数传递: 1.无参数跳转(path和name) eg: <router-link to= ...
vue中实现路由跳转的三种方式（超详细整理）
vue中实现路由跳转的三种方式一.使用vue-router vue-router 本质是一个第三方的包用的时候需要下载步骤 (7步法 ): 下载vue-router模块到当前工程 yarn ad ...
Vue学习之路由(Router)
Vue学习之路由(Router) 文章目录 Vue学习之路由(Router) 一.路由是什么? 二.Vue Router的安装 1.直接下载/CDN 2.NPM安装三.路由的基础使用 1.定义路 ...
5分钟学会vue中的路由守卫
5分钟学会vue中的路由守卫在项目开发中每一次页面的跳转或者刷新,都需要判断用户是否已经登录.后端会进行判断的,前端最好也进行一次判断. vue-router提供了导航钩子:全局前置导航钩子 bef ...
25、react 中使用路由 router 详解
react 中使用路由 router 详解今天开始最新的一个模块,也是 react 开发中最重要的一部分,就是路由. SPA 理解我们使用原生的 HTML + CSS + JavaScript 开 ...

在vue中，用路由router跳转打开一个新标签页

需求：点击退租单，生成一个退款表格(打印PDF)。需要跳转到一个新标签页。

一、用JS实现

二、用vue-router跳转

在vue中，用路由router跳转打开一个新标签页相关推荐

最新文章

热门文章