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

Question

我刚刚安装了vuelidate, and created a helper that checks if the value is phone no. reference

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

我的 objective 是，输入框应该只接受 email 或 phone_no，我尝试了下面的解决方案，但 none 有效。

溶胶。 1

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

溶胶。 2

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

有人知道如何实现吗？

Answer 1

哦，我找到解决办法了！

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

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

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

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

How to use conditional operator inside validations in vuelidate?