Как воткнуть :data-vv-as и :data-vv-delay аттрибуты в vue-datepicker, чтобы они отрабатывали?

Question

[EVOSandru6]

Привет

Вот, нашел пример в песчнице как воткнуть vue-validate в vue-datepicker (https://github.com/charliekassel/vuejs-datepicker):

https://codesandbox.io/s/387mjz0j4q

Валидация отрабатывает, но не уверен, что применяются :data-vv-as и :data-vv-delay аттрибуты.

Кто-нибудь знает - как воткнуть можно :data-vv-as и :data-vv-delay аттрибуты в vue-datepicker, чтобы они отрабатывали?

Answer 1

[0xD34F]

не уверен, что применяются :data-vv-as и :data-vv-delay аттрибуты

А эта ваша неуверенность - она основана хоть на чём-нибудь? Я вот знаю, что всё применяется.

Может, дело в том, что в вашем примере вместо сообщения об ошибке, которое генерирует vee-validate, показывается какое-то другое? - потому вы и не видите подмены имени поля. А отсутствие задержки обусловлено тем, что единственный сценарий валидации, который вы проверяли - это отправка формы, а в соответствующем обработчике валидация осуществляется немедленно, в то время как задержка предназначена для пользовательского ввода:

You can specify a delay to debounce the input event, a case scenario that you may want to wait for the user to stop typing then validate the field

Сделал пример к сказанному выше:

Сообщение об ошибке выводится то, которое генерирует vee-validate.
Имитация пользовательского ввода - кнопка сброса, вместо прямой установки значения кидается событие input с пустой строкой; также обратите внимание, что при выборе даты выведенное сообщение об ошибке пропадает с указанной задержкой.