添加路由切换tab判断

src/components/m-header/m-header.vue

@@ -3,14 +3,33 @@
     <div class="nav">
       <div class="logo">小云蜂巢</div>
       <ul class="menus">
-        <li><a class="active" href="/content">内容管理工具</a></li>
-        <li><a href="/ads">广告交易平台</a></li>
+        <li><a :class="current === 0 ? 'active' : ''" href="/content">内容管理工具</a></li>
+        <li><a :class="current === 1 ? 'active' : ''" href="/ads">广告交易平台</a></li>
       </ul>
     </div>
   </div>
 </template>
 
 <script>
+export default {
+  data () {
+    return {
+      current: 0
+    }
+  },
+  beforeMount () {
+    switch (location.pathname) {
+      case '/content':
+        this.current = 0
+        break
+      case '/ads':
+        this.current = 1
+        break
+      default:
+        this.current = 0
+    }
+  }
+}
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->