Vee-Validate 验证组

Question

我在我的项目中使用 vee-validate。但是我出去玩了。

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

例如。喜欢jquery

Jquery validation groups

Answer 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
      }
    }
  }

Vee-Validate 验证组

Vee-Validate validation groups

validation

vue.js

vue-component

vee-validate