New window open page -window open

Click on the target file -unionMap.vue - Jump to a new window
src\views\gao\view\budget\pages\unionMap\unionMap.vue
Click the right side. - Big data of trade union funds - Big map management - Union map
Pop up a new window
New in the same directory Blank.vue
hold unionMap.vue Copy all code to Blank.vue
unionMap.vue Rewrite the code

<template>
  <div>
    <p> Jump to a new page </p>
  </div>
</template>

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

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

<style>

</style>

Add a new file Blank.vue Create route
src\router\gao.js
Can be associated with directory files unionMap.vue At the same level

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