Vee-Validate 유효성 그룹

Question

내 프로젝트의 vee-validate를 사용합니다. 그러나 나는 어울리고있다.

3 개의 입력란이 있습니다. 이 필드 중 하나만 유효한 경우 다른 입력은 유효해야합니다.

Ex.

HTML 코드

<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 계산 된 코드

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

: JQuery와 마찬가지로

Jquery validation groups

Answer 1

내가 올바른 해결책을 발견