如何在 vee-validate v3 中创建通用规则？

Question

是否可以创建通用验证规则以用于多个元素？

genericRule: {

required:'required',

min:'min',

etc..

}

在表格上

<ValidationProvider
  name="genericRule"
  rules="required|min|etc"
>
<input v-model='a'/>
</ValidationProvider>
<ValidationProvider
  name="genericRule"
  rules="required|min|etc"
>
<input v-model='b'/>
</ValidationProvider>

在版本 3 中，如果我在多个对象中重复相同的规则，我会得到错误的验证。

Answer 1

是的，您可以在多个 ValidationProvider 中引用组件中定义的一组验证规则。您必须在 ValidationProvider 上使用 rules 道具而不是 name 道具。

例如：

在模板中：

<ValidationProvider
  name="fieldA"
  :rules="genericRule"
>
    <input v-model='a'/>
</ValidationProvider>

<ValidationProvider
  name="fieldB"
  :rules="genericRule"
>
    <input v-model='b'/>
</ValidationProvider>

在组件中：

data() {
    return {
        genericRule: {
            required: true,
            min: 0,
            max: 100,
        }
    }
}

如何在 vee-validate v3 中创建通用规则？

How to create a generic rule in vee-validate v3?

javascript

vue.js

vee-validate