若依router跳转页面
时间: 2023-10-15 12:23:38 浏览: 683
若依(Ruoyi)是一个基于Vue.js和Spring Boot的开源后台管理系统。在若依中,可以使用vue-router来实现页面跳转。根据提供的引用信息,有两种常见的方式来利用vue-router实现页面跳转。
第一种方式是通过在.vue文件中使用<router-link>标签实现跳转。可以使用to属性指定跳转的路径,例如:
<router-link target="_blank" :to="{path:'/indexplus'}">
第二种方式是通过在.js文件中使用$router.resolve()方法来实现跳转。可以使用path属性指定跳转的路径,例如:
let routeUrl = this.$router.resolve({path: '/indexplus'});
window.open(routeUrl.href, '_blank');
在上述引用中的具体代码中,第一种方式使用了.vue文件中的<router-link>标签实现跳转,第二种方式使用了.js文件中的$router.resolve()方法实现跳转。根据需求,点击左侧菜单后会弹出一个新窗口,同时保持原窗口的页面不变。
在代码中,可以通过以下方式实现需求:
- 在router.js中添加路由配置,指定对应的路径和组件。
- 在菜单页面中,根据需求的路径使用$router.resolve()方法获取跳转的URL。
- 使用window.open()方法在新窗口中打开跳转的URL。
- 使用this.$router.go(-1)返回原窗口,保持原来的页面不变。
以上是根据提供的引用内容给出的关于若依router跳转页面的回答。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [Vue.js实战之利用vue-router实现跳转页面](https://download.csdn.net/download/weixin_38529123/12974883)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [若依 通过this.$router.resolve 菜单跳转新窗口](https://blog.csdn.net/LYGCSDN_/article/details/124212483)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文
相关推荐


















