Vuetify使用多个规则进行验证

Question

是否可以将多个规则分配给验证输入？例如，我有两个规则：

alphaRule: [
      v => /[a-zA-Z]+$/.test(v) || 'Field must only contain letters'
    ],
requiredRule: [
               v => !!v || "required field"
            ]

我有一些控件。其中一些只需要必填规则，一些只需要字母规则，但有些需要同时满足字母规则和必填规则。

我能把它们组合在一起吗？

就像这样：

:rules = "alphaRule, requiredRule"

- Andrey

Answer 1

如果您想保留这两个变量，您可以像处理JS数组一样处理它们。

:rules = "alphaRule.concat(requiredRule)"

- Alexander Shkirkov

---

非常感谢。这正是我所需要的。 - Andrey

如果我们想要结合三个或更多的规则，怎么办呢？ - noel293

@noel293，我猜应该是 first.concat(second).concat(third) :) - Alexander Shkirkov

Answer 2

只需要将规则不断添加到数组中：

:rules = "[alphaRule, requiredRule].flat()"

- Mayker Miyanaga

Answer 3

这对我来说很有效

v-bind:rules="[mr.required, mr.counter]"

这是规则：

enter code here

- Zoha Shobbar

---

你的回答没有详细解释。 - Dinesh Suthar