vue router 跳转时打开新页面的示例方法
记录一下在vue项目中如何实现跳转到一个新页面(一个比较简单又比较基础的问题了),有两个方法:
1、
官方文档中说v-link指令被
新页面打开home页
2、编程式导航
有些时候需要在单击事件或者在函数中实现页面跳转,那么可以借助router的示例方法,通过编写代码实现。我们常用的是$router.push和$router.go但是vue2.0以后,这种方式就不支持新窗口打开的属性了,这个时候就需要使用this.$router.resolve,如下:
seeShare(){ letrouteUrl=this.$router.resolve({ path:"/share", query:{id:96} }); window.open(routeUrl.href,'_blank'); }
总结
以上所述是小编给大家介绍的vuerouter跳转时打开新页面的示例方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!