使用$router的时候,遇到了需要在新页面打开的需求。在网上研究了一会,已解决。实现方式如下:
方法一
<router-link target="_blank" />
这是最简单,也是最容易想到的一种方式。
方法二
let href = this.$router.resolve({name: '', params: {}}) window.open(href.href, '_blank');
该方法适合编程式导航。
resolve会返回一个跳转路由对象
============================================================
方法一
<router-link :to="{path: '/跳转的页面路由'}" target="_blank" tag="a">
tag="a" 可以省去不写,默认也会解释为a标签
"tag" 属 性 :具有 tag 属性的 router-link 会被渲染成相应的标签
方法二
const {href} = this.$router.resolve({
path: "/跳转的页面路由",
query:{//要传的参数
id:this.id
}
});
window.open(href, '_blank');//打开新的窗口
————————————————
版权声明:本文为CSDN博主「_Lunay」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/z9061/article/details/106048156/