如何使用framework7和vuejs验证条目?

时间:2019-05-31 22:11:02

标签: vuejs2 html-framework-7

碰巧我有以下表单输入,可以使用framework7和vuejs。

<f7-list-input
             outline
             label="Nombre"
             floating-label
             type="text"
             :value="usuario.nombre" 
             @input="usuario.nombre = $event.target.value"
             placeholder="Nombre"
             clear-button
             autocomplete="new-user"
             required
             validate
             error-message="Debe ingresar un nombre"
            >
            <f7-icon slot="media" icon="fas fa-user-alt" size="25px"></f7-icon>
        </f7-list-input>

处理文档的验证。

在开始时,有效地完成了验证:输入示例:验证之前

enter image description here

输入验证:

enter image description here

输入文本以使其消失而必须输入文本时,会发生以下情况:

enter image description here

阴影消失为红色,但仍保留文本“您必须输入名称”。

可能是什么错误?因为输入文字时文字也必须消失。

谢谢。

0 个答案:

没有答案