如何在 vuelidate 验证中使用条件运算符？

我刚刚安装维埃利达特 https://www.npmjs.com/package/vuelidate，并创建了一个助手来检查该值是否为phone no. 参考 https://vuelidate.js.org/#sub-list-of-helpers

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

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

Sol. 1

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

Sol. 2

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

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

您首先需要导入or（你的情况）或and

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

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

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