最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
vue单页面应用打开新窗口显示跳转页面的实例
时间：2022-06-25 15:37:31 编辑：袖梨 来源：一聚教程网
一般单页面应用，例如vue都是通过vue-router来做跳转，不会像多页应用一样另起新页面显示，但是也不排除一些业务上的需要。
一般情况下单页面应用的路由跳转我们都是通过简单的一句话搞定：
this.$router.push({name: 'abc'})
以上是常规的通过路由的页面跳转方法。
我们现在的需求是另外开启一个新页面来显示跳转到的页面，原本的窗口保持页面不变。
const { href } = this.$router.resolve({
name: 'abc'
})
window.open(href, '_blank', 'toolbar=yes, , ')
只要将vue-router和window.open结合就行了。原理很简单，获取你要跳转的地址，把地址传给window.open，让他新建个窗口来打开路由地址，原本的页面路由不做跳转，还可以在window.open内做一些控制，例如窗口大小，是否显示工具栏之类的控制。
相关文章
- 逆水寒手游流派首席竞选怎么玩 逆水寒手游流派首席竞选玩法介绍 11-07
- 《怪物猎人荒野》双刀玩法介绍 11-07
- 《怪物猎人荒野》帐篷搭建方法 11-07
- 《怪物猎人荒野》修改存档后联机情况介绍 11-07
- 《怪物猎人荒野》帧生成打不开解决方法 11-07
- 《怪物猎人荒野》帧生成拖影解决方法 11-07