使用 vue-router 在新窗口打开页面

最新推荐文章于 2024-07-03 16:34:06 发布

张大仙是个妖怪

最新推荐文章于 2024-07-03 16:34:06 发布

阅读量1.1k

点赞数 1

分类专栏： Web前端文章标签： vue javascript vue.js 路由新窗口

本文链接：https://blog.csdn.net/NDKHBWH/article/details/105561221

版权

本文介绍了如何在 Vue.js 应用中利用 vue-router 实现页面在新窗口打开。方法包括在HTML标签中设置target属性以及使用编程式导航的方法，注意在vue2.0之后，编程式导航不直接支持新窗口打开，需要结合使用。

摘要由CSDN通过智能技术生成

                    
                    1. 使用标签实现新窗口打开： 
在页面导航中<router-link>被渲染为<a>标签, 在vue2版本的<router-link>支持 target="_blank" , 代码如下:<router-link target="_blank" :to="{path:'/home',query:{id:'1'}}">新窗口打开</router-link>
 
2. 编程式导航： 
有些时候需要在单击事件或者在函数中实现页面跳转，那么可以借助router的示例方法，通过编写代码实现。我们常用的是$rout