B端的vue应用怎么灵活切换页面结构？

比如有时候是这种结构：

有时候是没有顶部和左侧菜单部分，只有右侧页面。

但页面结构是在入口文件设定好了，所有页面都是页面结构内的右侧页面，怎么才能切换页面的时候灵活显示全页面或结构型页面呢？

可以采用路由的元数据管理

[
{
    path: '/logon',
    component: () => import("@/pages/login/index.vue"),
    meta: {
      fullPage:false
    }
  },
{
    path: '/full',
    component: () => import("@/pages/full/index.vue"),
    meta: {
      fullPage:true
    }
  },
]

效果：

用路由切换右侧页面的组件

header-icon
Vue.js是一个开源的JavaScript框架，它可以帮助开发者快速构建响应式的Web应用程序。Vue.js的核心特性之一就是它的灵活性，它可以让开发者轻松地切换页面结构，从而更好地满足用户的需求。