|  |  | 
 |  |  |         </header> | 
 |  |  |         <main ref="containerS"> | 
 |  |  |           <transition name="fade"> | 
 |  |  | <!--            <keep-alive>--> | 
 |  |  |              <keep-alive :include="cachedViews"> | 
 |  |  |               <router-view></router-view> | 
 |  |  | <!--            </keep-alive>--> | 
 |  |  |              </keep-alive> | 
 |  |  |           </transition> | 
 |  |  |         </main> | 
 |  |  |       </el-main> | 
 |  |  |     </el-container> | 
 |  |  |  | 
 |  |  |   </div> | 
 |  |  | </template> | 
 |  |  |  | 
 |  |  | <script> | 
 |  |  | import { mapState } from 'vuex' | 
 |  |  | import Header from '@/components/common/Header' | 
 |  |  | import BaseComputHeight from '@/components/base/BaseComputHeight' | 
 |  |  | import CommonHeader from '@/components/common/CommonHeader' | 
 |  |  | import Menu from '@/components/common/Menu' | 
 |  |  | export default { | 
 |  |  |   extends: BaseComputHeight, | 
 |  |  |   name: 'DefaultLayout', | 
 |  |  |   components: { AppHeader: Header, Menu, CommonHeader }, | 
 |  |  |   data() { | 
 |  |  |     return { | 
 |  |  |       cachedViews:['abccdd'], | 
 |  |  |       isFinishData: false, | 
 |  |  |         orgBackground: '' | 
 |  |  |       orgBackground: '' | 
 |  |  |     } | 
 |  |  |   }, | 
 |  |  |   computed: { | 
 |  |  |     ...mapState(['menuData', 'userInfo']) | 
 |  |  |   }, | 
 |  |  |   mounted() { | 
 |  |  |  | 
 |  |  |     mounted() { | 
 |  |  |     }, | 
 |  |  |  | 
 |  |  |     methods: { | 
 |  |  |  | 
 |  |  |   }, | 
 |  |  |   methods: { | 
 |  |  |   }, | 
 |  |  | } | 
 |  |  | </script> |