J'ai deux champs de texte dans mon application vuetify, je veux que la valeur du premier champ de texte soit inférieure au deuxième champ de texte. La valeur du deuxième champ de texte doit être supérieure à la première.

Par exemple, lorsque l'utilisateur choisit une valeur inférieure dans le deuxième champ de texte puis dans le premier champ de texte, il recevra un message indiquant que « la valeur ne peut pas être inférieure »

Voici ce que je veux avoir:

enter image description here

Mon code est ici:

Premier champ de texte

 <v-text-field
 v-model="first"
label="First text field"
readonly
v-bind="attrs"
:rules="validateTextField"
v-on="on"
 ></v-text-field>

Deuxième champ de texte

 <v-text-field
 v-model="second"
label="Secondtext field"
readonly
v-bind="attrs"
:rules="validateTextField"
v-on="on"
 ></v-text-field>

Scénario

validateTextField: [v=>  || 'value cannot be less'],

0
xyz 17 nov. 2020 à 12:53

1 réponse

Meilleure réponse

Essayez de modifier votre script comme ça, en séparant les règles :

validateFirstTextField: v=> v<this.second|| 'Cannot be more than second',
validateSecondTextField: v=> v>this.first || 'Cannot be less than first'
1
sdonchor 17 nov. 2020 à 12:05