vue中 this.$router.resolve新窗口打开

当遇到需要在点击事件或函数中实现打开新页面，新窗口打开需求时
在点击事件中写：

<el-button type="primary" icon="el-icon-printer" plain @click="handlePrint">打印报表</el-button>

// 打印报表
  handlePrint() {
      const ids = '12'
      const routeData = this.$router.resolve({
        path: '/print',
        query: { ids: ids, pageFrom: 'back' }
      })
      window.open(routeData.href, '_blank')
  }

浏览器地址栏显示所携带参数
注：前提是已经设置好路由页面设置,如router/index.js

export const constantRoutes = [
  {
    path: '/print',
    component: () => import('@/views/print/index'),
    hidden: true,
    name: 'print'
  }
]
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容