Question

我有三个输入jobApplyEmail，jobApplyPhone，jobApplyOther，我正在用Vuelidate进行验证。在这三个输入中，要求用户至少输入一个输入。为此，我使用了requiredUnless，但是由于某种原因，它无法正常工作。

模板重复

// Using bootstrap-vue
<b-form-input
  id="jobApplyEmail"
  v-model="form.jobApplyEmail"
  type="email"
  :class="{ 'is-invalid': $v.form.jobApplyEmail.$error }"
  @blur="$v.form.jobApplyEmail.$touch()">
</b-form-input>

脚本

import {
  required,
  email,
  requiredUnless
} from 'vuelidate/lib/validators'
data() {
    return {
      form: {
        jobApplyEmail: '',
        jobApplyPhone: '',
        jobApplyOther: ''
      },
    }
  },
computed: {
    isOptional: () => {
      return (
        this.jobApplyEmail !== '' ||
        this.jobApplyOther !== '' ||
        this.jobApplyPhone !== ''
      )
    }
  },

validations: {
    form: {
      jobApplyEmail: { required: requiredUnless('isOptional'), email },
      jobApplyOther: { required: requiredUnless('isOptional') },
      jobApplyPhone: { required: requiredUnless('isOptional') }
    }
  },

Answer 1

我解决了我的问题

\w

除非需要-只需填写一个输入

1 个答案: