Blocarea elementelor în Vue
Puteți să blocați reactiv elementele
formularului folosind atributul disabled.
Să încercăm. Să facem proprietatea corespunzătoare:
data() {
return {
isDisabled: true,
}
}
Să legăm această proprietate de buton:
<template>
<button v-bind:disabled="isDisabled">btn</button>
</template>
Este dat un câmp de introducere. Faceți un buton, a cărui apăsare va bloca și va deblica pe rând câmpul nostru de introducere.
Modificați problema anterioară astfel încât starea câmpului de introducere să fie reglată de o casetă de bifat: dacă caseta este bifată, atunci câmpul este deblocat, iar dacă nu este bifată - atunci câmpul este blocat.
