vue单页面应用打开新窗口显示跳转页面的实例

前端之家收集整理的这篇文章主要介绍了vue单页面应用打开新窗口显示跳转页面的实例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

一般单页面应用,例如vue都是通过vue-router来做跳转,不会像多页应用一样另起新页面显示,但是也不排除一些业务上的需要。

一般情况下单页面应用的路由跳转我们都是通过简单的一句话搞定:

以上是常规的通过路由的页面跳转方法

我们现在的需求是另外开启一个新页面显示跳转到的页面,原本的窗口保持页面不变。

只要将vue-router和window.open结合就行了。原理很简单,获取你要跳转的地址,把地址传给window.open,让他新建个窗口来打开路由地址,原本的页面路由不做跳转,还可以在window.open内做一些控制,例如窗口大小,是否显示工具栏之类的控制。

以上这篇vue单页面应用打开新窗口显示@R_421_404@面的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/vue/30035.html

猜你在找的Vue相关文章