vue-router 新窗口打开页面

本文介绍了在Vue Router中如何实现在新窗口打开页面,包括使用`router-link`的`target="_blank"`属性(适用于tag="a"的情况)以及利用编程式导航的`resolve`方法获取目标路由信息并用`window.open`打开新窗口。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

方法一:vue2.0版本router-link支持target="_blank"属性(注:只有tag=“a"模式下 target=”_blank" 属性才会生效。)

<router-link tag="a" target="_blank" :to="{path:'/home',query:{id:'1'}}">打开新页面</router-link>

方法二:编程式导航,2.1.0版本后,使用路由对象的resolve方法解析路由,可以得到location、router、href等目标路由的信息。得到href就可以使用window.open开新窗口了,直接使用点击事件

const {href} = this.$router.resolve({
        name: 'foo',
        query: {
          bar
        }
      })
window.open(href, '_blank')
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值