使用vue-element-admin的三级路由时，如何将二组路由的component设置为空

在Vue-Element-Admin中，您可以将二级路由的component设置为空，以便在导航菜单中显示二级路由，但不会显示任何内容。要做到这一点，您可以在路由配置中将component设置为一个空的布局组件，如下所示：

{
  path: '/example',
  component: Layout,
  redirect: '/example/table',
  name: 'Example',
  meta: { title: 'Example', icon: 'example' },
  children: [
    {
      path: 'table',
      name: 'Table',
      component: () => import('@/views/table/index'),
      meta: { title: 'Table', icon: 'table' }
    },
    {
      path: 'empty',
      name: 'Empty',
      component: () => import('@/views/empty/index'),
      meta: { title: 'Empty' }
    }
  ]
}

在上面的示例中，我们将'/example'的component设置为Layout组件，它将成为二级路由的父级容器。然后，我们将'/example/table'的component设置为一个正常的组件，它将显示在Layout组件中。最后，我们将'/example/empty'的component设置为一个空的组件，在导航菜单中显示但不显示任何内容。

注意：空组件的代码如下所示：

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

<script>
export default {
  name: 'Empty'
}
</script>

以上代码只包含一个空的div元素，因为我们不需要在空组件中显示任何内容。