added ESlint 语法检测

web/src/view/layout/aside/index.vue

@@ -6,14 +6,14 @@
           :collapse="isCollapse"
           :collapse-transition="true"
           :default-active="active"
-          @select="selectMenuItem"
           active-text-color="#fff"
           class="el-menu-vertical"
           text-color="rgb(191, 203, 217)"
           unique-opened
+          @select="selectMenuItem"
         >
           <template v-for="item in asyncRouters[0].children">
-            <aside-component :key="item.name" :routerInfo="item" v-if="!item.hidden" />
+            <aside-component v-if="!item.hidden" :key="item.name" :router-info="item" />
           </template>
         </el-menu>
       </transition>
@@ -22,63 +22,63 @@
 </template>
 
 <script>
-import { mapGetters, mapMutations } from "vuex";
-import AsideComponent from "@/view/layout/aside/asideComponent";
+import { mapGetters, mapMutations } from 'vuex'
+import AsideComponent from '@/view/layout/aside/asideComponent'
 export default {
-  name: "Aside",
-  data() {
-    return {
-      active: "",
-      isCollapse: false
-    };
-  },
-  methods: {
-    ...mapMutations("history", ["addHistory"]),
-    selectMenuItem(index, _, ele) {
-      const query = {};
-      const params = {};
-      ele.route.parameters &&
-        ele.route.parameters.map(item => {
-          if (item.type == "query") {
-            query[item.key] = item.value;
-          } else {
-            params[item.key] = item.value;
-          }
-        });
-      if (index === this.$route.name) return;
-      if (index.indexOf("http://") > -1 || index.indexOf("https://") > -1) {
-        window.open(index);
-      } else {
-        this.$router.push({ name: index, query, params });
-      }
-    }
-  },
-  computed: {
-    ...mapGetters("router", ["asyncRouters"])
-  },
+  name: 'Aside',
   components: {
     AsideComponent
   },
-  created() {
-    this.active = this.$route.name;
-    let screenWidth = document.body.clientWidth;
-    if (screenWidth < 1000) {
-      this.isCollapse = !this.isCollapse;
+  data() {
+    return {
+      active: '',
+      isCollapse: false
     }
-
-    this.$bus.on("collapse", item => {
-      this.isCollapse = item;
-    });
+  },
+  computed: {
+    ...mapGetters('router', ['asyncRouters'])
   },
   watch: {
     $route() {
-      this.active = this.$route.name;
+      this.active = this.$route.name
     }
   },
+  created() {
+    this.active = this.$route.name
+    const screenWidth = document.body.clientWidth
+    if (screenWidth < 1000) {
+      this.isCollapse = !this.isCollapse
+    }
+
+    this.$bus.on('collapse', item => {
+      this.isCollapse = item
+    })
+  },
   beforeDestroy() {
-    this.$bus.off("collapse");
+    this.$bus.off('collapse')
+  },
+  methods: {
+    ...mapMutations('history', ['addHistory']),
+    selectMenuItem(index, _, ele) {
+      const query = {}
+      const params = {}
+      ele.route.parameters &&
+      ele.route.parameters.map(item => {
+        if (item.type === 'query') {
+          query[item.key] = item.value
+        } else {
+          params[item.key] = item.value
+        }
+      })
+      if (index === this.$route.name) return
+      if (index.indexOf('http://') > -1 || index.indexOf('https://') > -1) {
+        window.open(index)
+      } else {
+        this.$router.push({ name: index, query, params })
+      }
+    }
   }
-};
+}
 </script>
 
 <style lang="scss">
@@ -95,4 +95,4 @@ export default {
     vertical-align: middle;
   }
 }
-</style>
+</style>