新窗口打开页面-window.open

点击目标文件-unionMap.vue -跳转到新窗口
src\views\gao\view\budget\pages\unionMap\unionMap.vue
点击右侧-工会经费大数据-大地图管理-工会地图
弹出新窗口
同级目录下新建Blank.vue
把unionMap.vue所有代码复制到Blank.vue
unionMap.vue 重写代码

<template>
  <div>
    <p>跳转新页面</p>
  </div>
</template>

<script>
export default {
    
  data () {
    
    return {
    

    }
  },
  created () {
     // 重要代码
    const _router = this.$router.resolve({
    
      name: 'union_map_blank'
    })
    window.open(_router.href, '_blank')
  }
}
</script>

<style>

</style>

给新添加文件Blank.vue创建路由
src\router\gao.js
可与目录文件unionMap.vue同级

{
    
    path: 'unionMap',
    name: 'unionMap',
    component: () => import('@/views/gao/view/budget/pages/unionBigMap/unionMap.vue'),
    meta: {
     title: '工会地图', icon: 'dashboard', auth: true }
  },
  {
    
    path: 'union_map_blank',
    name: 'union_map_blank',
    component: () => import('@/views/gao/view/budget/pages/unionBigMap/Blank.vue'),
    meta: {
     title: '工会地图', icon: 'dashboard', auth: true }
  }