javascript 如何从方法重置类星体q形式

n53p2ov0  于 2023-02-11  发布在  Java
关注(0)|答案(1)|浏览(103)

我很好奇如何在提交操作被触发时重置q-表单。我运行了一个函数onSubmit,但我不确定如何在该方法中重置q-表单,而不必单独处理每个字段,这很烦人。以下是我的代码:

  1. //methods
  2. const onSubmit = (event) => {
  3. let jsonData =
  4. {
  5. FirstName: firstName.value,
  6. LastName: lastName.value,
  7. PhoneNumber: phoneNumber.value,
  8. EmailAddress: emailAddress.value,
  9. Message: message.value,
  10. Token: token.value
  11. }
  12. api.post('/api/contactus', jsonData)
  13. .then((response) => {
  14. })
  15. .catch(() => {
  16. console.log('API request failed')
  17. })

}

uyto3xhc

uyto3xhc1#

文档中有一个示例,可以准确地说明您需要什么

  1. // <q-form ref="myForm">
  2. // to reset validations:
  3. function reset () {
  4. myForm.value.resetValidation()
  5. }

或选项API:

  1. this.$refs.myForm.resetValidation()

这个功能在文档中显示为绑定到一个“重置”按钮,但没有理由你不能在提交后使用它。

相关问题