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

Question

碰巧我有以下表单输入，可以使用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>

处理文档的验证。

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

输入验证：

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

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

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

谢谢。