vue-router 在新窗口打开页面
一、router-link 标签实现新窗口打开:<router-link> 不支持 target="_blank" 属性,如果需要打开一个新窗口必须要用<a>标签<router-link tag="a" target="_blank" :to="{name:'chatOnline',params:{id:1}}">在线沟通</router-link...
·
一、router-link 标签实现新窗口打开:
<router-link>
不支持target="_blank"
属性,如果需要打开一个新窗口必须要用<a>
标签
<router-link tag="a" target="_blank" :to="{name:'chatOnline',params:{id:1}}">在线沟通</router-link>
或
<router-link tag="a" target="_blank" :to="{path:'/chatOnline',query:{id:1}}">在线沟通</router-link>
二、编程式导航:
常用的是
$router.push
和$router.go
,但是vue2.0以后,这种方式就不支持新窗口打开的属性了。使用 $router.resolve 这种方法能够实现新窗口打开。
let routeData = this.$router.resolve({
name: "chatOnline",
params: {
id: 1
}
});
window.open(routeData.href, '_blank');
或
let routeData = this.$router.resolve({
path: "/chatOnline",
query: {
id: 1
}
});
window.open(routeData.href, '_blank');
更多推荐
已为社区贡献13条内容
所有评论(0)