vuex使用

src/store/modules/header.js

@@ -60,7 +60,6 @@ const mutations = {
 
 const actions = {
   setNavs(context, nav) {
-    console.log('setNav----', nav)
     context.commit('setNav', nav)
   }
 }

src/store/modules/user.js

+const state = {
+  userId: '123',
+  username: '',
+  menuList: [],
+  roleIds: [],
+  permissionCodeList: []
+}
+
+const mutations = {
+  SET_USER: (state, userInfo) => {
+    state.userId = userInfo.id
+    state.username = userInfo.username
+    state.menuList = userInfo.menuList
+    state.roleIds = userInfo.roleIds
+    state.permissionCodeList = userInfo.permissionCodeList
+  },
+  RESET_USER: state => {
+    state.userId = ''
+    state.username = ''
+    state.menuList = []
+    state.roleIds = []
+    state.permissionCodeList = []
+  }
+}
+const getters = {
+  UserId: state => {
+    return state.userId
+  }
+}
+const actions = {
+  userMsg(context, userInfo) {
+    console.log('用户信息', userInfo)
+    context.commit('SET_USER', userInfo)
+  }
+}
+
+export default {
+  namespaced: true,
+  state,
+  getters,
+  mutations,
+  actions
+}

src/store/store.js

 import Vue from 'vue'
 import Vuex from 'vuex'
 import header from './modules/header'
+import user from './modules/user'
 
 Vue.use(Vuex)
 
 export default new Vuex.Store({
   modules: {
-    header
+    header,
+    user
   }
 })

src/views/layout/leftAside/Aside.vue

@@ -32,11 +32,8 @@
 <script>
 import { mapGetters } from 'vuex'
 import menu from './menu.json'
-<<<<<<< HEAD
-import { getUserDetail } from '@/api/getLogin/'
-=======
 import { getUserDetail } from '@/api/Login/'
->>>>>>> 188783e41eb96a84e9f795823cfef2abfb4f1a2b
+
 export default {
   name: 'Aside',
   data() {
@@ -50,11 +47,7 @@ export default {
   },
   methods: {
     getNav() {
-<<<<<<< HEAD
-      this.nav = menu.menu
-=======
       const tempNav = menu.menu
->>>>>>> 188783e41eb96a84e9f795823cfef2abfb4f1a2b
       // 循环判断新列表里的是数据是否在旧列表里出现
       tempNav.forEach((element) => {
         var temp = {}
@@ -64,13 +57,15 @@ export default {
         temp['child'] = []
         element.child.forEach((children) => {
           var flag = false
-          this.menuList.forEach((menu) => {
-            if (menu === children.path) {
-              flag = true
+          if (this.menuList.length > 0) {
+            this.menuList.forEach((menu) => {
+              if (menu === children.path) {
+                flag = true
+              }
+            })
+            if (flag === true) {
+              temp['child'].push(children)
             }
-          })
-          if (flag === true) {
-            temp['child'].push(children)
           }
         })
         // 判断子菜单是否为空，为空不添加
@@ -79,12 +74,7 @@ export default {
         }
       })
       this.$store.dispatch('header/setNavs', {
-<<<<<<< HEAD
-        // nav: this.nav
-        nav: []
-=======
         nav: this.nav
->>>>>>> 188783e41eb96a84e9f795823cfef2abfb4f1a2b
       })
     },
 
@@ -101,12 +91,12 @@ export default {
       window.sessionStorage.setItem('activePath', activePath)
     },
     // 获取用户详细信息
-<<<<<<< HEAD
-    async getUserDetail() {
-=======
     getUserDetail() {
->>>>>>> 188783e41eb96a84e9f795823cfef2abfb4f1a2b
       getUserDetail().then((resp) => {
+        this.$store.dispatch('user/userMsg', {
+          userInfo: resp.data.data
+        })
+        console.log(this.getUserId)
         this.menuList = resp.data.data.menuList
         this.getNav()
       })
@@ -118,13 +108,13 @@ export default {
       return this.$route.path
     },
     ...mapGetters({
-      getCollapseState: 'header/CollapseState'
+      getCollapseState: 'header/CollapseState',
+      getUserId: 'user/UserId'
     })
   },
   created() {
     this.activePath = window.sessionStorage.getItem('activePath')
     this.getUserDetail()
-    // this.getNav()
   }
 }
 </script>