Erfahren Sie, wie Sie Textfelder zur positiven Validierung und zum Senden von Daten verwenden
P粉574695215
P粉574695215 2023-08-09 18:56:19
0
1
576
<p>Ich habe ein <code>v-text-field</code> mit Validierungsregeln, die etwas auslösen, wenn der Fokus verloren geht. </p> <pre class="brush:php;toolbar:false;"><v-text-field :rules="validationRules" @blur="emitFunction" ></v-text-field></pre> <p>Gibt es eine Möglichkeit, <code>emitFunction</code> nur dann aufzurufen, wenn die Validierung erfolgreich ist? </p>
P粉574695215
P粉574695215

Antworte allen(1)
P粉025632437

你可以使用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>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage