vue 点击按钮在新窗口打开页面

image.png

使用路由对象的resolve方法解析路由，可以得到location、router、href等目标路由的信息。得到href就可以使用window.open开新窗口了。

    goLoanMat(item) {
      const {href} = this.$router.resolve({
        name: "loanMat",
        query: {
          uuid: item.uuid,
          productType: item.productType
        },
      })
      window.open(href,'_blank')
    },
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • vue页面跳转打开新窗口
    <router-link></router-link>标签 window.open打开新窗口 使用路由对象的res...
    JK___阅读 4,390评论 0赞 0
  • VUE 新窗口打开
    一. 标签实现新窗口打开： 官方文档中说 v-link 指令被 组件指令替代，且 不支持 target=”_bla...
    宋阿茶阅读 4,474评论 0赞 0
  • vue 原窗口 新窗口打开外链接
    一、原窗口： html 代码： 百度 js 代码： See (e) { window.location.h...
    默然_f5f0阅读 22,457评论 0赞 3
  • vue路由跳转打开新窗口
    需求 因为某些原因，某个页面的加载需要很长时间。为了不让用户重新加载，再次等待很长时间，决定当从这个页面跳转其他页...
    lesdom阅读 35,712评论 5赞 6
  • VUE项目 打开新的页面窗口
    需求 vue是单页面应用，在pc端编程时，有时候想要点击某个链接时打开新的窗口显示页面。 解决方案 使用路由对象的...
    sosoYU阅读 14,382评论 0赞 0