|  |  | 
 |  |  |   <div class="showIndexTitle-wrap"> | 
 |  |  |     <h1 class="title">石家庄人社局业务运行数据分析平台</h1> | 
 |  |  |     <el-menu | 
 |  |  |       default-active="/index" | 
 |  |  |       :class="activeStyle" | 
 |  |  |       :default-active="activeIndex" | 
 |  |  |       router | 
 |  |  |       mode="horizontal" | 
 |  |  |       class="el-menu-demo" | 
 |  |  | 
 |  |  | <script> | 
 |  |  | export default { | 
 |  |  |   name: "showIndexTitle", | 
 |  |  |   watch: { | 
 |  |  |     '$route' (toRouter, fromRouter) { | 
 |  |  |         console.log(toRouter,'toRouter') | 
 |  |  |         console.log(fromRouter,'fromRouter') | 
 |  |  |         console.log('$route.path---',this.$route) | 
 |  |  |   data() { | 
 |  |  |     return { | 
 |  |  |         activeStyle: false, | 
 |  |  |         activeIndex: '/index' | 
 |  |  |     } | 
 |  |  |   }, | 
 |  |  |     data() { | 
 |  |  |       return { | 
 |  |  |           activeStyle: false | 
 |  |  |       } | 
 |  |  |     }, | 
 |  |  |   mounted() { | 
 |  |  |       this.$route.meta.routerParent && (this.activeIndex = '/' + this.$route.meta.routerParent) | 
 |  |  |   }, | 
 |  |  |   methods: { | 
 |  |  |  | 
 |  |  |   } | 
 |  |  |   }, | 
 |  |  | }; | 
 |  |  | </script> | 
 |  |  |  |