Transmettre la valeur de courrier électronique du modèle V à la méthode

Question

Bonjour, j'essaye de passer v-model sur l'entrée pour essayer d'envoyer l'email pour réinitialiser la validation, mais je ne sais pas comment le passer correctement de l'entrée à sendPasswordResetEmail. C'est ce que j'ai jusqu'à présent

methods:{
  
      resetPassword(){
          const auth = app.auth();          
          const userEmail = ref('')
          auth.sendPasswordResetEmail(userEmail.value).catch((error) =>  {
              console.log(error);
          });
          alert('Reset email has been sent')
          console.log(userEmail)
          
      },
    },

C'est la partie d'entrée

<form v-if="reset" @submit.prevent="resetPassword">
<input type="email" required placeholder="email" v-model="userEmail" class="inline-block">
<button>Reset Password</button>
 
</form>

J'ai également essayé de renvoyer userEmail mais rien ne semble fonctionner.

Answer 1

Vérifiez si vous obtenez la valeur de l'e-mail de l'utilisateur dans la fonction resetPassword(). Sinon, le problème vient des références.

Corrigez cette ligne,

const userEmail = ref('')

Si vous utilisez des valeurs du v-model HTML, vous devez utiliser le mot-clé this.