学习如何使用文本字段进行正面验证并发送数据

Question

我有一个具有验证规则的v-text-field，在失去焦点时会触发一些东西。

<v-text-field
    :rules="validationRules"
    @blur="emitFunction"
></v-text-field>

有没有办法只在验证通过时调用emitFunction？

Answer 1

你可以使用v-form将其包裹起来，并使用v-model来跟踪表单的有效性

const isValid = ref(false)
function emitIfValid() {
  if (isValid.value) emitFunction()
}

<v-form v-model="isValid">
  <v-text-field
    :rules="validationRules"
    @blur="emitIfValid"
  />
</v-form>