Вю. Остановить проверку на стороне клиента после удаления и возврата тега ⇐ Html

[Anonymous]

Странное поведение, не могу понять, с чем оно связано.
Простая html-форма с вводом с обязательным атрибутом и minlength="3".
Все работает нормально, попробую отправить форму
[img]https://i.sstatic .net/Um7JfnUE.png[/img]

Но затем я удаляю элемент и возвращаюсь обратно, вот так /code>
и проверка перестает работать


Видите, хотя 2 вводятся символы, что является ошибкой, форма успешно проходит проверку, и курсор перемещается к следующему полю.
воспроизведение: введите сумму 2, нажмите «Отправить», вы увидите предупреждение - все работает нормально, после нажатия кнопки переключения 2 раза нажмите «Отправить» еще раз и ошибка недействительна. ввод с 2 успешными символами будет отправлен

Код: Выделить всё

import { ref, reactive } from 'vue'

const form = reactive({ username: '' });
let h = ref(true);

async function tg(){
h.value = !h.value;
}







SEND FORM

воспроизвести:

Подробнее здесь: https://stackoverflow.com/questions/793 ... return-tag