Javascript 分配v-validate多个验证规则（预定义和自定义）

我不知道如何为vee validate分配多个规则。通常您会在v-validate属性中插入规则，但问题是我还尝试包含一个自定义方法

<input id="number" type="tel" v-model="cardDetail.number" v-card-focus
       class="form__input"
       v-validate="'required'" <!-- need to add requireNumberIfCreditCard method -->
       data-vv-validate-on="blur"
       name="number" required>
<label for="number" class="form__label">
    {{ $root.trans.translate('cardNumber') }}
</label>
<p class="form__error" v-show="errors.has('number')">
    {{ errors.first('number') }}
</p>

---

我的HTML应该是什么样子的，这样我也可以向vee validate添加自定义方法？如果您需要任何其他信息，请让我知道，我会提供。谢谢大家!

属性

v-validate

绑定到您的数据，因此您可以使用其中的任何内容。此外，它还支持不同的语法-一个是字符串（即

“必需”

），这正是您所需要的：

<input id="number" type="tel" v-model="cardDetail.number" name="number"
       v-validate="{ required: (requireNumberIfCreditCard == 'required') }">

我建议您将计算值更改为返回true/false，在这种情况下，您可以直接使用它

---

工作示例：

就是这样！谢谢你，好心的先生

<input id="number" type="tel" v-model="cardDetail.number" name="number"
       v-validate="{ required: (requireNumberIfCreditCard == 'required') }">