Vue路由新开页面跳转和传参传递

需求:在后台管理系统首页列表项中,点击详情跳转到系统中指定菜单的路由要求新开窗口并需要带上参数查询。

第一种方法:

1 const { id } = item;
2 let routeUrl = this.$router.resolve({
3     path: '/xxx',  // 路由地址
4     query: { id } // 参数信息
5 });
6 window.open(routeUrl.href, '_blank');

第二种方法:

 1 <router-link :to="{path:'/xxx', query:{id:1}}" target="_blank"> 2 </router-link> 

 鉴定完毕,欢迎友们一起交流学习!!

 

posted @ 2023-07-10 10:38  红石榴21  阅读(4)  评论(0编辑  收藏  举报