將 v-model 電子郵件值傳遞給方法

Question

您好，我正在嘗試在輸入上傳遞 v-model 以嘗試發送電子郵件重置驗證，但我不知道如何將其從輸入正確傳遞到 sendPasswordResetEmail。 這是我到目前為止所擁有的

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

這是輸入部分

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

我也一直在嘗試返回 userEmail，但似乎沒有任何效果。

Answer 1

檢查您是否在 resetPassword() 函數中取得使用者電子郵件值。如果不是，那麼問題出在引用。

修正這一行，

const userEmail = ref('')

如果您使用 HTML v-model 中的值，則必須使用 this 關鍵字。