首頁  >  問答  >  主體

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

您好,我正在嘗試在輸入上傳遞 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,但似乎沒有任何效果。

P粉882357979P粉882357979221 天前493

全部回覆(1)我來回復

  • P粉731861241

    P粉7318612412024-04-06 00:35:28

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

    修正這一行,

    const userEmail = ref('')
    

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

    回覆
    0
  • 取消回覆