需求
vue是单页面应用,在pc端编程时,有时候想要点击某个链接时打开新的窗口显示页面。
解决方案
使用路由对象的resolve方法解析路由,可以得到location、router、href等目标路由的信息。得到href就可以使用window.open开新窗口了。
const{ href } = this.$router.resolve({name:"router-name",query:{id:1}});
window.open(href,'_blank');
<router-link>标签
<router-link
tag="a"
target="_blank"
:to="{name: 'router-name', query: {id: 1}}"
>
</router-link>