美文网首页
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 spa 单页面应用跳转打开新的页面

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