Hantar nilai e-mel model v kepada kaedah

Question

Hai, saya cuba menghantar v-model pada input untuk mencuba dan menghantar e-mel untuk menetapkan semula pengesahan, tetapi saya tidak tahu cara menghantarnya dengan betul daripada input kepada sendPasswordResetEmail. Ini yang saya ada setakat ini

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)
          
      },
    },

Ini bahagian input

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

Saya juga telah cuba mengembalikan e-mel pengguna tetapi nampaknya tiada apa-apa yang berkesan.

Answer 1

Semak sama ada anda mendapat nilai e-mel pengguna dalam fungsi resetPassword(). Jika tidak, maka masalahnya adalah dengan rujukan.

Betulkan baris ini,

const userEmail = ref('')

Jika anda menggunakan nilai daripada model v HTML, anda mesti menggunakan kata kunci ini.