Vuex 작업이 제대로 작동하지 않습니다.signInWithEmailAndPassword failed:첫 번째 인수 "email"은 유효한 문자열이어야 합니다.

Vuex 작업이 제대로 작동하지 않습니다.signInWithEmailAndPassword failed:첫 번째 인수 "email"은 유효한 문자열이어야 합니다.

저는 Vuejs 상태 관리를 처음 합니다.저는 Vuex를 사용하여 Firebase 로그인 시스템을 만들려고 했습니다.하지만 이 오류가 발생합니다.

SignInWithEmailAndPassword에 실패했습니다.첫 번째 인수 "email"은 유효한 문자열이어야 합니다.

어디에 문제가 있는지 이해할 수 없다.

<pre>
//  store/auth.js

export const actions = {
    loginUser(payload){
        firebase.auth().signInWithEmailAndPassword(payload.email, payload.password)
        .then(user => {           
            console.log(user);
        })
        .catch(error => {
            console.log(error);            
        }) 
    }
}


// Login.vue

export default {
    data(){
      return{
        email:'',
        password:''
      }
    },
    methods:{
      login(){
        this.$store.dispatch('auth/loginUser', {email:this.email, password:this.password})
      }
    }
}
</pre>   

// 폼

<v-flex xs12>
                  <v-text-field
                    v-model="email"                           
                    name="email"
                    label="Email"
                    type="email"
                    required></v-text-field>
                </v-flex>
              </v-layout>

              <v-layout row>
                <v-flex xs12>
                  <v-text-field
                    v-model="password"                               
                    name="password"
                    label="Password"
                    type="password"
                    required></v-text-field>
                </v-flex>
              </v-layout>

합격했습니다.payload잘못된 방법으로 행동할 수 있습니다.

다음 작업을 수행해야 합니다.

loginUser(context, payload) => {
   //...
}

다음 문서를 참조하십시오.https://vuex.vuejs.org/guide/actions.html

언급URL : https://stackoverflow.com/questions/56681497/vuex-actions-not-working-properly-shows-an-error-signinwithemailandpassword-fa