vue spa 单页面应用跳转打开新的页面

今天做了一个功能是点击按钮路由跳转打开新的窗口页面今天做了一个功能是点击按钮路由跳转打开新的窗口页面

第一种方法:router-link 方法,在vue中渲染为a标签,_blank打开新页面

<router-link target="_blank" :to="{path:'/FundManger/FundProductMoney', query:{managerId:fundcode}}></router-link>"


第二种 使用router的resolve属性

<a @click="getGetMyPortfolioById(scope.row) ">查看</a>
 getGetMyPortfolioById(vals) {
         getMyPortfolioById({

        }).then(response = >{
             const routerdata = this.$router.resolve({
                       name: '组合分析以及组合持仓',
                       params: { managerId: vals.fundCode }
             })
             const newhref = routerdata.href + '?managerId=' + vals.fundCode
              window.open(newhref, '_blank')
         })
 } 

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 做一名读者,是这个世界上最幸福的事情。品读先贤,穿越历史,学习经验,阅读给了我们平凡生活最大的精神享受。万般皆下品...
    绿的蓝阅读 1,501评论 0 1
  • 满月穿栏凭远眺 霓虹闪烁缛光盈 归途车马川流急 一片闲情寄鹤笙 平...
    捉刀客王静阅读 1,950评论 0 1
  • 在一个下午,我和妈妈一起开车到了杭州东站,停好车子,我和拿完了车票过了安检之后,我们就一起上了高铁。这一列高铁...
    SHENGYUJING阅读 2,490评论 1 1