vue-element-admin局部刷新页面

在写业务需求的时候遇到了一个帮助文档的需求，里面存在大量静态页面，有考虑几个方案.

1.  组件引入
2. 嵌套路由局部刷新

后面考虑了如果频繁引入组件会导致不好修改。这里就想到了嵌套路由的局部刷新。因为借鉴了友盟,华为云的文档中心Tree树形控件局部刷新。就考虑如何去使用去做.

     vue-element-admin项目大家在使用的时候会发现他会自带一个页面切换动画效应。就算我们写好了局部刷新的路由代码，也会产生动画。这边就在路由的meta属性加了一个showZj参数,true则不刷新,false则刷新，下面贴路由代码

import Layout from '@/layout'
const domRouter = {
  path: '/document',
  component: Layout,
  redirect: '/document/documentCenter',
  name: 'document',
  meta: { title: '文档中心', icon: 'document' },
  children: [
    {
      path: 'documentCenter',
      name: 'documentCenter',
      component: () => import('@/views/document/documentCenter/index'),
      hidden: true
    },
    {
      path: '/document/documentCenter/cloudComputing',
      name: 'cloudComputing',
      component: () => import('@/views/document/cloudComputing/index'),
      hidden: true,
      meta: { title: '弹性伸缩' },
      children: [
        {
          path: '/document/documentCenter/cloudComputing/01',
          name: 'cloudComputing/01',
          component: () => import('@/components/helpDocument/cloudComputing/elasticScaling/productJs/index'),
          hidden: true,
          meta: { title: '产品介绍', showRole: false },
          children: [
            {
              pa