vue.js - 如何在 vuelidate 验证中使用条件运算符？

Question

我刚刚安装了vuelidate ，并创建了一个帮助程序来检查该值是否为phone no。 reference

import { helpers } from 'vuelidate/lib/validators';
const phone = helpers.regex('alpha', /^(09)[0-9]{9}/);

我的目标是，输入框应该只接受 email 或 phone_no，我尝试了下面的解决方案，但没有任何效果。

Solr 。 1

validations: { username: { valid: phone or email }}

Solr 。 2

validations: { username: { valid: phone || email }}

---

有人知道如何实现这一点吗？

Answer 1

哦，我已经找到解决方案了!

您需要首先导入或(您的情况)或和

import { email, or, and } from 'vuelidate/lib/validators';

最后，你的错误是，你应该将它用作函数。而不是上面的解决方案，应该是下面的这些代码。

validations: { username: { valid: or(email, phone) }}