vue打开新窗口的两种方式
2021-03-06 本文已影响0人
陶菇凉
1.使用路由跳转,绑定target="_blank"
<router-link target="_blank" :to="{path:'/pdf/download',params:{id:'8'}}">
<el-button type="primary">
Click to download PDF
</el-button>
</router-link>
2.写点击事件
go(){
const routeData = this.$router.resolve({
path: '/pdf/download',
query:{
id:id
}
});
window.open(routeData.href, '_blank');
}
注意:若只是简单的打开新窗口页面,两种皆可以,但是如果新页面是打印pdf的页面,则第二种,打开新页面之后,打印窗口不关闭,当前页面不能点击操作。