在 vuex 动作中没有从有效载荷中获取价值

Question

我是 vuex 状态管理的用户这是我的store.js文件

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex);

export const store = new Vuex.Store({
state: {
    loggedIn : false
},
getters: {},
mutations: {
    m_logInUser: state => {
        state.loggedIn = true;
    }
},
actions: {
    a_logInUser : ({commit}, user) => {
            alert(user.e);
            commit('m_logInUser');
    },
    a_signUpUser : ({commit}) => {
            commit('m_logInUser');
    }
}
});

这是我用来改变状态的组件

<template>
<div class="container">
<div class="row">
    <div class="form_bg center-block">
        <form @submit.prevent="a_logInUser({e: email, value:100})">
            <br/>
            <div class="form-group">
                <input v-model="email" type="email" class="form-control" placeholder="Your Email">
            </div>
               <div class="align-center">
            <button type="submit" class="btn btn-success center-block">Log in</button>
                </div>
        </form>
    </div>
</div>

<script>
import { mapActions } from 'vuex'
export default{
    data(){
        return{
            email: ' '
        };
    },
    computed: {
            ...mapActions([
                'a_logInUser'
            ])
    }
}
</script>

但问题是当我按下登录按钮以显示显示在电子邮件中输入的值的警报时，我变得不确定

Answer 1

您应该在 methods 中使用 mapActions，而不是 computed

在 vuex 动作中没有从有效载荷中获取价值

Not getting value from payload in vuex actions

vue.js

vuex