1: 一般单页面应用, vue 都是通过vue-router 来做跳转(this.$router.push, this.$router.replace), 不会像多个应用一样另起新的标签页面显示
( 注:不是打开浏览器页面)。 要想实现:
let newpage = this.$router.resolve({
name: 'messageInfo',
query:{
objectType:1,
infoId:id
}
})
window.open(newpage.href, '_blank');
2: 优点: 此方式, 可以把sessionStorage 中token 一起带过去。
缺点是:在新标签和旧标签, 组件之间方法调用就会失效
3: 只要讲vue-router 和 window.open 结合就好了。 原理很简单: 获取到需要跳转的地址。 再把地址传递给 window.open。
window.open 会新建窗口打开路由地址, 原页面的路由不做跳转。
1: 一般单页面应用, vue 都是通过vue-router 来做跳转(this.$router.push, this.$router.replace), 不会像多个应用一样另起新的标签页面显示
( 注:不是打开浏览器页面)。 要想实现:
let newpage = this.$router.resolve({
name: 'messageInfo',
query:{
objectType:1,
infoId:id
}
})
window.open(newpage.href, '_blank');
2: 优点: 此方式, 可以把sessionStorage 中token 一起带过去。
缺点是:在新标签和旧标签, 组件之间方法调用就会失效
3: 只要讲vue-router 和 window.open 结合就好了。 原理很简单: 获取到需要跳转的地址。 再把地址传递给 window.open。
window.open 会新建窗口打开路由地址, 原页面的路由不做跳转。