En este post veremos cómo definir reglas dinámicas en Vee Validate (un validador de formularios de Vue).
Es decir, definir el valor máximo, valor mínimo, etcétera de forma dinámica, esto es, a través de una variable o expresión.
Nota: esto aplica para la versión 3 de Vee Validate.
Normalmente definimos las reglas algo así:
Pero las reglas son estáticas, es decir, en el ejemplo presentado no podríamos cambiar el valor mínimo como el resultado de una expresión o a través de una variable.
Para agregar reglas dinámicas en Vue para validar formularios usando VeeValidate simplemente definimos las reglas como un objeto cuya clave es el nombre de la regla y el valor es el valor de la regla.
En este caso indicamos que el dato es requerido (con true
) pero esa variable se podría cambiar por una dentro de nuestro componente.
Como ejemplo puedes ver lo siguiente:
Si te fijas puedes ver que para max_value
estoy colocando el valor que resulta de empleado.totalAhorrado - empleado.totalRetirado
; esto es para no permitir que se retire una cantidad mayor al monto disponible.
Así como se pudo para el valor máximo, se puede para las demás reglas; y como te dije, puede ser el resultado de cualquier expresión o una variable dentro de tu componente.
La impresión de un PDF en cualquier impresora se puede automatizar con un bot de…
Hoy te enseñaré cómo enviar un mensaje a un usuario desde un bot de Telegram…
El día de hoy te enseñaré algo muy sencillo pero útil al programar con PHP:…
El plugin para imprimir en impresoras térmicas alcanza hoy su versión 3.4.0 agregando soporte para…
En ocasiones es necesario leer los pixeles y colores de una imagen con JavaScript del…
Siguiendo con los tutoriales de listas desplegables o select con JavaScript, vamos a ver cómo…
Esta web usa cookies.