vue 路由打开一个新的窗口
2019-08-16 本文已影响0人
c6e71129966d
2019年8月16日,图像显示,需要分屏,所以需要打开一个新的窗口。(blank)
1.router-link标签
router-link 不支持target=_blank属性,如想实现打开一个新标签页,必须使用a标签。
但是想使用router-link 打开一个新的窗口子也是可以的, 使用tag属性。具有tag属性的router-link会被渲染成响应的标签。
不厉害的写法 厉害的写法<router-link tag="a" target="_blank" to="/about">新品</router-link>
router-link 属性解释router-link属性解释
2.编程导航
vue2.0 router.go 和router.push不支持新窗口打开的属性,可用新的方式router.resolve
let routeData = this.$router.resolve({
path: "/about",
query: {
name:'lei',
age: 18,
}
});
window.open(routeData.href, '_blank');