vue路由器跳转时打开新页面的示例方法 - 行业资讯 - 肥雀云

记录一下在vue项目中如何实现跳转到一个新页面(一个比较简单又比较基础的问题了),有两个方法:

官方文档中说v-link指令被<代码> & lt; router-link> & lt; router-link> 目标=捌降取?/代码>属性,如果需要打开一个新窗口必须要用,& lt; a>标签,但事实上vue2版本的<代码> & lt; router-link> 是支持目标=捌降取笔粜缘?标签=癮”),如下:

　　　　　　& lt; router-link目标="平等":="{路径:/home,查询:{id: ' 1 '}}”在新页面打开家页& lt;/router-link> 　　　　

有些时候需要在单击事件或者在函数中实现页面跳转,那么可以借助路由器的示例方法,通过编写代码实现。我们常用的是<代码>美元路由器。推动和<代码>美元路由器。但是vue2.0以后,这种方式就不支持新窗口打开的属性了,这个时候就需要使用<代码>。美元router.resolve> 　　　　　　seeShare () { 　　让routeUrl=router.resolve美元({。　　路径:“/? 　　查询:{id: 96} 　　}); 　　window.open (routeUrl。href、‘平等’); 　　} 　　　　

以上所述是小编给大家介绍的vue路由器跳转时打开新页面的示例方法,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持。
　　如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!