Ketahui cara menggunakan medan teks untuk pengesahan positif dan menghantar data

Question

Saya mempunyai v-text-field dengan peraturan pengesahan yang mencetuskan sesuatu apabila fokus hilang.

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

Adakah terdapat cara untuk hanya memanggil emitFunction

Answer 1

Anda boleh membungkusnya dengan v-form dan gunakan v-model untuk menjejaki kesahihan borang

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

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