Learn how to use text fields for positive validation and send data
P粉574695215
2023-08-09 18:56:19
<p>I have a <code>v-text-field</code> with validation rules that trigger something when focus is lost. </p>
<pre class="brush:php;toolbar:false;"><v-text-field
:rules="validationRules"
@blur="emitFunction"
></v-text-field></pre>
<p>Is there a way to only call <code>emitFunction</code> when validation passes? </p>
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
You can wrap it with v-form and use
v-modelto track the validity of the formconst isValid = ref(false) function emitIfValid() { if (isValid.value) emitFunction() }<v-form v-model="isValid"> <v-text-field :rules="validationRules" @blur="emitIfValid" /> </v-form>