в пропсах атрибут status, от которого позднее будет зависеть какой класс подсоединиться к этому инпуту. (компонент в 1-ом скрине) В другом компоненте я использую этот инпут и в зависимости от computed свойства подключаю либо danger класс либо success класс. В нем проверяется валидация мыла.(это видно на скрине 2)
А проблема в том, что как только isValidEmail возвращает true и соответственно подключается класс success, то все содержимое инпута удаляется. Понимаю что все очень абстрактно, но может кто знает в чем может быть траббла? Выходит что просто подключается другой класс к инпуту и содержимое улетает...
Совет - для валидации - использовать библиотеку, например vuelidate, как самое легковесное и простое решение. И для упрощения создания своих базовых компонентов для Input, select, textarea и т.д. - советую выбрать какой-нибудь Vue framework. Очень советую https://quasar.dev/ Там сразу будут слоты под ошибки, hint, placeholders и чего только пожелаешь, удачи 😉
Прошло сто лет, но я таки разобрался
Обсуждают сегодня