Bloqueo de elementos en Vue
Es posible bloquear reactivamente elementos
de formulario utilizando el atributo disabled.
Intentémoslo. Creemos la propiedad correspondiente:
data() {
return {
isDisabled: true,
}
}
Vinculamos esta propiedad al botón:
<template>
<button v-bind:disabled="isDisabled">btn</button>
</template>
Se da un campo de entrada. Cree un botón, al hacer clic en el cual se bloqueará y desbloqueará alternadamente nuestro campo de entrada.
Modifique la tarea anterior de modo que el estado del campo de entrada se controle mediante una casilla de verificación: si la casilla está marcada, el campo de entrada está desbloqueado, y si no está marcada, el campo de entrada está bloqueado.
