vue在新标签打开一个全屏页面

1.现在router下注册好路由

import Vue from "vue";
import Router from "vue-router";

Vue.use(Router);

/* 全屏地图 */
import tmap from "@/views/Echarts/tmap/tmap.vue";
// 公共路由
export const constantRoutes = [{
    
     path: "/tmap",component: tmap}]

2.选择跳转的方式或者地址

我这里直接封装了函数,然后自己选择运行函数的时机就行了

  fn() {
    
    
      /* -----------------------------------前往新世界---------------------*/
      let routein = this.$router.resolve({
    
     path: '/tmap' })
      window.open(routein.href, '_blank')
    },

3.全屏组件

我全屏组件是利用@jiaminghi/data-view   dataV的ui组件
  <dv-full-screen-container class="tmap-fullbox"></dv-full-screen-container>
这就是datav的一个全屏的标签，自己自适应，不用自己做任何配置