Vue是单页面应用,现在需求是另外开启一个新页面来显示跳转到的页面,原本的窗口保持页面不变:
toNewLink () {
const {href} = this.$router.resolve({
path: '/newIndex',
})
window.open(href, '_blank')
}
这里将vue-router和window.open结合。
获取你要跳转的地址,把地址传给window.open,新建个窗口来打开路由地址,原本的页面路由不做跳转,其次可以在window.open内做一些控制,例如窗口大小,是否显示工具栏等。