带有Firebase电子邮件的Vue.js必须是有效的字符串

Question

我正在使用Firebase跟踪教程 of Vue.js。

我对此还不熟悉，并试图使用Vue.js将用户帐户设置为firebase，并得到了这个错误。

Uncaught O {code: "auth/argument-error", message: "createUserWithEmailAndPassword failed: First argument "email" must be a valid string."}

我已经在火力基地启用了登录方法。这是我的密码。

<template>
  <div class="signup">
    <p>Let's create a new account</p>
    <input type="text" v-model="email" placeholder="Email" /><br/>
    <input type="password" v-model="password" placeholder="Password" /><br/>
    <button v-on:click="signUp">Sign up</button>
    <span>or go back to <router-link to="/login">login</router-link>.</span>
  </div>
</template>

<script>
import firebase from 'firebase'

export default {
  name: 'signup',
  data () {
    return {
      email: '',
      password: ''
    }
  },
  methods: {
    signUp: () => {
      firebase.auth().createUserWithEmailAndPassword(this.email, this.password).then(
        (user) => {
          alert('Your account has been created!')
        },
        (err) => {
          alert('Opps!' + err.message)
        }
      );
    }
  }
}
</script>

当我在console.log方法中使用电子邮件和密码时，我发现电子邮件和密码都是未定义的。

Answer 1

问题是箭头函数。将()=> {}改为function() {}，现在它可以工作了。感谢@Eric官的评论。