Почему не работает валидация minmax символа в библиотеке vee-validate?

Question

[Сергей Мельников]

Добавляю в main.ls след настройку валидации
extend('minmax', {
validate(value, { min, max }) {
return value.length >= min && value.length <= max;
},
params: ['min', 'max'],
message: 'Поле должно быть минимум {min} символа и максимально {max} символов'
});
Валидация срабатывает, но в консоль пишется ошибка.
main.js:2 Uncaught (in promise) TypeError: Cannot read property 'length' of undefined

Как побороть эту проблему?

Comments

[fostsinger]

<template>
   <ValidationProvider
                                name="name"
                                :rules="{
                                    minmax:{min:5,max:10}}"
                                    v-slot="{ errors}"
                        />
</template>

<script>   
 import {ValidationObserver, ValidationProvider} from "vee-validate";
import {extend} from 'vee-validate';

extend('minmax', {
        validate(value, {min, max}) {
            return value.length >= min && value.length <= max;
        },
        params: ['min', 'max'],
        message: 'The {_field_} must be between {min} and {max} symbols'

    });
}
</script>

[Дмитрий Гололобов]

fostsinger, добавьте v-model или value для validationprovider. ну и в data установить параметр, например равный 5

[Сергей Мельников]

fostsinger, Сори, но так тоже не работает

[fostsinger]

Сергей Мельников, какая ошибка?