主页 / coding / 问题 / 77297383
Accepted
user3953989
Asked: 2023-10-15 23:44:47 +0800 CST

在 Vuetify 3 中不使用表单进行输入验证

  • 772

我已经进行了验证，但我不知道如何检查所有字段是否有效，因为我没有使用表单标签。

我的字段发布到 api，不需要实际的表单。

有没有办法在不提交的情况下使用表单标签，这样我就不必刷新页面？

vuejs3

1 个回答

  1. Best Answer

    通常，您在 Vuetify 中使用 v-form 并防止在事件处理程序中重新加载页面：

    <v-form @submit.prevent="handleSubmit">
  <v-text-field
    ...
  />
</v-form>

    传递给处理程序的事件实现 Promise 接口，让您等待验证结果：

    async function handleSubmit(submitEventPromise) {
  const {valid, errors} = await submitEventPromise
}
    • 1

相关问题