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

Question

我正在关注带有 Firebase 的 Vue.js 的 tutorial。

我对此并不陌生，并尝试使用 Vue.js 将用户帐户设置为 firebase，但我收到了此错误。

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

我已经在 firebase 中启用了登录方法。这是我的代码。

<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>

当我在 signUp 方法中控制台记录电子邮件和密码时，我发现电子邮件和密码都未定义。

Answer 1

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