Vuex操作无法正常运行。显示错误“ signInWithEmailAndPassword失败:第一个参数“ email”必须为有效字符串”

阿赫特鲁扎曼·沙基尔(Akhteruzzaman Shakil)

我是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>
雷诺·塔内克(Renaud Tarnec)

您将payload错误地传递给操作。

你应该做:

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

请参阅文档:https//vuex.vuejs.org/guide/actions.html

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章