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的一个全屏的标签,自己自适应,不用自己做任何配置