Vee-Validate 验证组

Posted 2023-02-23

【中文标题】Vee-Validate 验证组

【英文标题】：Vee-Validate validation groups

【发布时间】：2018-03-01 14:36:58

【问题描述】：

我在我的项目中使用 vee-validate。但我在闲逛。

我有 3 个输入字段。 当这些字段中只有一个有效时，其他输入必须有效。

例如。喜欢 jquery

Jquery validation groups

【参考方案1】：

我找到了正确的解决方案：

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