Saltar al contenido

Cómo deshabilitar la entrada condicionalmente en vue.js

Si te encuentras con algún detalle que no entiendes puedes comentarlo y te ayudaremos rápidamente.

Solución:

Para eliminar el accesorio deshabilitado, debe establecer su valor en false. Este debe ser el valor booleano para falseno la string 'false'.

Entonces, si el valor de validated es un 1 o un 0, luego establece condicionalmente el disabled prop basado en ese valor. P.ej:


Aquí hay un ejemplo.

var app = new Vue(
  el: '#app',

  data: 
    disabled: 0,
  ,
); 

 $data 

podría tener una propiedad calculada que devuelva un booleano dependiendo de los criterios que necesite.


luego ponga su lógica en una propiedad calculada …

computed: 
  isDisabled() 
    // evaluate whatever you need to determine disabled here...
    return this.form.validated;
  

No es difícil, mira esto.



jsfiddle

Agradecemos que quieras añadir valor a nuestro contenido informacional añadiendo tu experiencia en las observaciones.

¡Haz clic para puntuar esta entrada!
(Votos: 2 Promedio: 4)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *