From 7084b08dc92b8f05e4319434cb82ba861842c067 Mon Sep 17 00:00:00 2001
From: "jqtmviyu@gmail.com" <jqtmviyu@gmail.com>
Date: Fri, 15 Jan 2021 16:13:56 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BD=BF=E7=94=A8=E8=BE=85=E5=8A=A9=E5=87=BD?=
 =?UTF-8?q?=E6=95=B0=20mapActions?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/login/index.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index dd144c3..14c51ec 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -57,6 +57,7 @@
 
 <script>
 import { validMobile } from '@/utils/validate'
+import { mapActions } from 'vuex'
 
 export default {
   name: 'Login',
@@ -114,6 +115,7 @@ export default {
     }
   },
   methods: {
+    ...mapActions(['user/login']),
     showPwd() {
       if (this.passwordType === 'password') {
         this.passwordType = ''
@@ -127,7 +129,10 @@ export default {
     async handleLogin() {
       try {
         await this.$refs.loginForm.validate() // 数据校验
-        await this.$store.dispatch('user/login', this.loginForm) // 必须加await
+        // await this.$store.dispatch('user/login', this.loginForm) // 必须加await
+        // 使用辅助函数 mapActions 将组件的 methods 映射为 store.dispatch 调用
+        await this['user/login'](this.loginForm)
+        this.$router.push('/')
       } catch (error) {
         console.log('捕获错误')
         console.log(error)