vol框架页面全屏的实现方法

vol框架页面全屏的实现方法

1、目标页面：/views/test/test.vue

<template>
    <div>hello</div>
</template>

2、添加路由：/router/index.js

  {
    path: '/test',
    name: 'test',
    component: () => import('@/views/test/test.vue'),
    meta:{
        anonymous:true
      }
  }

3、上级页面：按钮及跳转

 <template>
         <div>
            <button @click="test()">test</button>
          </div>
</template>
<script setup>
    import { useRouter, useRoute } from 'vue-router';

    let router = useRouter();

    const test=()=>{
          //router.push({path:'/test'});//当前标签打开
　　　　　　

  　　　　　　//在新标签打开

　　　　　　　　const routeData = router.resolve({

    　　　　　　　　path:'/test'

  　　　　　　});

  　　　　　　window.open(routeData.href, '_blank');

    }
</script>

4、效果