Vee-Valider les groupes de validation

Question

en utilisant vee-validate de mon projet. Mais je traîne.

J'ai 3 champs de saisie. Lorsque 1 seul de ces champs est valide, les autres entrées doivent être valides.

Ex. Comme jquery

Jquery validation groups

Answer 1

J'ai trouvé la bonne solution:

HTML CODE

<input type="text" name="mobilePhone" class="form-control" v-model="form.mobilePhone" v-validate ="{ rules: { required: contactInfo} }" :class="{'input': true, 'is-danger': errors.has('mobilePhone') }"> 

<input type="text" name="emailAddress" class="form-control" v-model="form.emailAddress" v-validate ="{ rules: { required: contactInfo} }" :class="{'input': true, 'is-danger': errors.has('emailAddress') }"> 

<input type="text" name="phoneNumber" class="form-control" v-model="form.phoneNumber" v-validate ="{ rules: { required: contactInfo} }" :class="{'input': true, 'is-danger': errors.has('phoneNumber') }"> 

JS code calculé

computed: { 
    contactInfo() { 
     if (this.form.phoneNumber || this.form.mobilePhone || this.form.emailAddress) { 
     return false 
     } 
     else { 
     return true 
     } 
    } 
    }