Vue链接新页面打开


尽管官方文档中提及了 <router-link> 不支持 target="_blank" 属性,但在vue2.0中依然是可以使用的,如下

1
<router-link target="_blank" :to="{name: 'Test', params: {id: testId}}">新页面跳转</router-link>

编程式导航

此时需要使用 this.$router.resolve ,如下:

1
2
3
4
5
let routeUrl = this.$router.resolve({
name: 'Test',
params: {id: testId}
});
window.open(routeUrl.href, '_blank');