将 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 关键字。