Red de conocimiento informático - Problemas con los teléfonos móviles - Tutorial de VeeValidate

Tutorial de VeeValidate

Este tutorial explica principalmente el uso de VeeValidate. Espero que escribir este artículo sea conveniente para mí y para los lectores.

Aquí, el scaffolding vue cli de vue se utiliza directamente para crear el proyecto. Para conocer métodos específicos, consulte el sitio web oficial vue cli para crear un proyecto.

Registrar un proveedor de validación

Hay dos formas de registrarse: la primera es utilizar el componente ValidationProvider directamente en el componente (recomendado).

El segundo método consiste en registrarse directamente globalmente, de modo que no sea necesario registrarse repetidamente en un solo componente. Por supuesto, la validación de tablas no debe utilizarse con frecuencia en los negocios reales.

Usar ValidationProvider en plantillas de componentes

Agregar reglas

Agregar información

El mensaje predeterminado anterior de longitud irregular obviamente no es lo suficientemente amigable. Para personalizar la información del mensaje, puede agregar atributos de mensaje en la función de extensión.

Además de las reglas definidas por el usuario, VeeValidate viene con muchas reglas. Consulte los detalles en los documentos oficiales para obtener más detalles. A continuación se muestra un ejemplo de cómo utilizar una de estas reglas.