浏览代码

feat:优化slider高亮

jinx 3 年之前
父节点
当前提交
d305299fb7
共有 1 个文件被更改,包括 15 次插入3 次删除
  1. 15 3
      src/page/layout/slide.vue

+ 15 - 3
src/page/layout/slide.vue

@@ -3,7 +3,7 @@
     <div class="navigator_menu">
       <span>导航面板</span>
     </div>
-    <el-menu text-color="#999" active-text-color="#333" class="el-menu-vertical-demo" @select='handleSelect'>
+    <el-menu text-color="#999"  :default-active="actice_idx" active-text-color="#333" class="el-menu-vertical-demo" @select='handleSelect'>
       <template v-for="(nav, i) in navs">
 
         <router-link tag="div" :to="nav.link" :key="i" v-if="!nav.children">
@@ -37,13 +37,14 @@ export default {
   data () {
     let navs = [
       { text: '首页', link: {name: 'Home'}, top: 14 },
-      { text: '订单管理', link: {name: 'Order'}, 
+      { text: '订单管理',
+        link: {name: 'Order'},
         children: [
           { text: '相机订单', link: {name: 'Order'} },
           { text: '权益订单', link: {name: 'qyOrder'} },
           { text: '下载订单', link: {name: 'downloadOrder'} }
         ],
-      top: 42 },
+        top: 42 },
       // { text: '增值服务', link: {name: 'Added'}, top: 70 },
       // {
       //   text: '代理平台',
@@ -114,6 +115,17 @@ export default {
       navs: navs
     }
   },
+  mounted () {
+    let index = this.navs.findIndex((i) => {
+      console.log(i.link.name, this.$route.name)
+      return i.link.name === this.$route.name
+    })
+    console.log(index)
+
+    if (index !== -1) {
+      this.actice_idx = index
+    }
+  },
   methods: {
     handleSelect (key) {
       console.log(key)