Как сделать custom input на vue3?

Question

[Дмитрий Меньшиков]

Нужно сделать input с крестиком для очистки поля ввода отдельным компонентом. Плавно появляется крестик и очищает, у меня не получается он зависит от v-model

Comments

[LJ322]

Прикрепите код, из описания не понятно в чём проблема

[modelair]

читайте доки, тем более есть на русском. https://v3.ru.vuejs.org/ru/guide/component-basics....

[Злой минон]

Попробуй документацию прочитать, а лучше не кодить вообще.

[Дмитрий Меньшиков]

Злой минон, а ты видел как дети начинают ходить? Они падают через каждый шаг, поднимаются и идут дальше и в лет 6 или 7 также могут упасть, также и программировать, да тяжело, что-то сходу понять, но надо дальше идти. Ни Боги горшки обжигают.

[Злой минон]

Дмитрий Меньшиков, по такой логике ты разучился читать в 30+ лет, серьезно.. Может тебе на ночь перед сном дока как колыбель нужна?

Answer 1

[Vladimir Medvedev]

Крестик оберуть в transition, задать стили. Повесть v-if на блок с крестиком, который проверяет есть ли что-то в инпуте.
Дальше повесить @click на крестик. И при клике изменять данные на пустоту.
Без кода не очень понятна вложенность у вас, но есть что просто передавайте события через emit