在参数不起作用的自定义规则之间

Question

验证，我正在尝试为我的文本字段创建多个规则，例如：required、minlength、maxLength，并将它们链接在一起，并根据这些规则将h参数传递给preform validation

所以我试着用文档中的例子：

http://vee-validate.logaretm.com/v2/guide/custom-rules.html#args-and-rule-configuration

const isBetween = (value, { min, max } = {}) => {
  return Number(min) <= value && Number(max) >= value;
};

// The first param is called 'min', and the second is called 'max'.
const paramNames = ['min', 'max'];

Validator.extend('between', isBetween, {
  paramNames //  pass it in the extend options.
});

我的Vue模型如下所示：

 <ValidationProvider
                    v-if="item && item.type === 'TEXT_AREA'"
                    :rules="`isBetween:true, 10`"
                    v-slot="{ errors, valid, validate }"
                >
                    <b-form-textarea
                        size="sm"
                        :id="`attribute`"
                        :value="attributeValue"
                        @input="addAttributeValue($event, uid, validate)"
                    />
                    <span>{{ displayError(errors) }}</span>
                </ValidationProvider>

在这里，我试图传递IsBeterrn参数，如：必需的，长度，并在此基础上进行预成型验证，但我总是得到最小值

另外，我的第二个问题是如何在自定义规则中使用vee validate中的required from vee

Answer 1

有两种指定参数的方法，用字符串或用对象。我建议你像这样使用对象方法：

<ValidationProvider
   :rules="{between:[0, 10]}"
>

您犯了几个错误-规则被称为between，因为这就是您在执行此操作时所称的规则：

Validator.extend('between', isBetween, {
  paramNames //  pass it in the extend options.
});

此外，您不能像这里一样使用布尔值和数字作为参数：

                :rules="`isBetween:true, 10`"

我指定它的方式是，使用：规则="{在：[0,10]}"也允许您在需要时创建min和max变量，也就是说，如果您有一个名为minValue的组件数据项，您可以在像这样的规则：规则="{在：[minValue，10]}"和您的规则将对minValue的更改做出反应。