layoutFalsyPlugin - 布局控制

什么是 layoutFalsyPlugin？

layoutFalsyPlugin 是一个用于布局控制的插件，可以在跳转路由时不显示布局部分，只显示内容区域。

启用插件

import { createRouter } from '@pro/router'
import { layoutFalsyPlugin } from './plugins/layout-falsy-plugin'

const router = createRouter({
  // ... 其他配置
  plugins: [
    layoutFalsyPlugin()
  ]
})

在路由中配置

const routes = [
  {
    path: '/dashboard',
    component: Dashboard,
    meta: {
      layout: false // 当访问此路由时，不显示布局
    }
  },
  {
    path: '/admin',
    component: Admin,
    meta: {
      layout: false,
      link: true, // 可以搭配 linkPlugin 实现跳转新窗口打开后不显示布局
    }
  }
]

路由 Meta 配置选项

选项	类型	默认值	说明
layout	boolean	true	选填，设置为 false 后不显示布局，可搭配 linkPlugin 实现跳转新窗口打开后不显示布局