Question

我有一个Firebase身份验证，您可以登录和注销。但我希望 currentUser 可以更改电子邮件。

我具有密码重置功能，该功能可以发送带有链接的电子邮件，您可以重置密码，但不能用于更改电子邮件。

这是个人资料页面

这是代码

<template>
    <div class="container">
        <div class="card">
            <div class="card-header">
                <h1>Profile</h1>
            </div>
            <div v-if="!isHidden" class="alert alert-success" role="alert">
              <strong>Email sended</strong>
            </div>
            <div class="card-body">
                <form action="#" @submit.prevent="submit" @click="isHidden = !isHidden">
                    <div class="form-group row mb-0">
                        <div class="col-md-7 offset-sm-6 offset-md-7 offset-xl-9">
                            <input type="submit" class="btn btn-primary" @click="resetPassword" value="Reset your password">
                        </div>
                    </div>
                </form>

                <div class="">
                  <input type="email" class="form-control" v-model="email">  
                  <input type="submit" class="btn btn-primary" @click="resetEmail" value="Reset your email">
                </div>
            </div>
        </div>
    </div>
</template>

<script>
import firebase from "firebase";
/* eslint-disable */
export default {
  data() {
    return {
      email: "",
      password: "",
      isHidden: true
    };
  },
  methods: {
    login(e) {
      firebase.auth().signInWithEmailAndPassword(this.email, this.password)
        .then(user => {
          alert('You are logged in as ' + this.email);
          this.$router.push('/index');
          location.reload();
        },
        err => {
          alert(err.message);
        })
      e.preventDefault();
    },
    resetPassword() {
      const auth = firebase.auth();
      auth.sendPasswordResetEmail(auth.currentUser.email).then(() => {
        console.log('Email send');
        // Email sent.
      }).catch((error) => {
        // An error happened.
        console.log(error);
      });
    },
    resetEmail() {
      const auth = firebase.auth();
      auth.updateEmail(this.email).then(() => {
        console.log('Email changed');
        // Email sent.
      }).catch((error) => {
        // An error happened.
        console.log(error);
      });
    }
  }
};
</script>

运行此命令时出现此错误：

Uncaught TypeError: auth.updateEmail is not a function
    at VueComponent.resetEmail (Profile.vue?5a88:64)
    at invoker (vue.runtime.esm.js?2b0e:2023)
    at HTMLInputElement.fn._withTask.fn._withTask (vue.runtime.esm.js?2b0e:1822)

我做错了什么，因为我在Google上阅读了Firebase文档并选中了Checkt，但是做错了。

Answer 1

updateEmail()方法不是“根” Firebase Auth service的方法，而是User的方法。

因此，您必须按照以下步骤进行操作：

const auth = firebase.auth();
auth.currentUser.updateEmail(this.email).then(() => {...});

无法从Firebase更新电子邮件（身份验证）

1 个答案: