若依前后端分离版(vue)中配置页面跳转的路由 |
您所在的位置:网站首页 › vue项目入口跳转网页 › 若依前后端分离版(vue)中配置页面跳转的路由 |
场景
若依前后端分离版本地搭建开发环境并运行项目的教程: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108465662 在此基础上,如果想在某页面上添加一个按钮,点击此按钮页面跳转到新的页面,并设置在页面的 新窗口页中打开。 注: 博客:https://blog.csdn.net/badao_liumang_qizhi 关注公众号 霸道的程序猿 获取编程相关电子书、教程推送与免费下载。 实现首先找到vue项目下的router下的index.js
然后添加路由的配置 { path: '/webclient', component: webclientlogin, },其中上面path是跳转时的路径,下面是跳转的组件,所以还需要将此组件引入 import webclientlogin from '@/views/system/webclient/webclientlogin'然后在要跳转的页面中添加一个按钮 Web版本在按钮的点击事件中 webclientlogin() { let routeData = this.$router.resolve({ path: '/webclient', query: { id: 1 } }); window.open(routeData.href, '_blank'); },如果需要传递参数的话则添加query,不需要的话则不传递。 则会在新窗口页中打开。 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |