美文网首页
vue spa 单页面应用跳转打开新的页面

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

作者: 一名小IT | 来源:发表于2018-10-26 11:29 被阅读0次

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

第一种方法: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')
         })
 } 

相关文章

  • vue 路由请求 浏览器被拦截

    之前做了一个功能是点击按钮路由跳转打开新的窗口页面这个功能在之前的文章中写到过《vue spa 单页面应用跳转打开...

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

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

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

    前沿 在使用vue做项目以来一直做的是单页面应用的移动端项目,最近一直在做pc端的项目,所以就会遇到各种各样的奇葩...

  • SPA及其优缺点

    SPA:单页面web应用,一般整个应用只有一个html页面,通过前端路由实现无刷新跳转。 Vue就是SPA应用的典...

  • SPA及其优缺点

    SPA:单页面web应用,一般整个应用只有一个html页面,通过前端路由实现无刷新跳转。 Vue就是SPA应用的典...

  • vue项目开发需要用到的东西(spa)

    注: spa是单页面应用,就是通过路由跳转切换页面,vue默认是这样的,如果需要开发多页面应用如官网之类的网站需要...

  • vue路由

    vue路由--- SPA应用,单页面应用vue-resouce 交互vue-router 路由根据不同url地址...

  • 6 VUE路由

    vue-> SPA应用,单页面应用(引入vue-router.js) 路由嵌套(多层路由): 路由其他信息:

  • vue 2.0 单页面应用动态修改微信中的title

    使用vue做单页面应用的时候,修改title始终是一个非常重要的问题。由于单页面应用(SPA项目)里整个页面只在第...

  • SPA、SEO、SSR

    1、SPA—单页面应用(single page application) SPA就是只有一张Web页面的应用。单页...

网友评论

      本文标题:vue spa 单页面应用跳转打开新的页面

      本文链接:https://www.haomeiwen.com/subject/cjegzftx.html