Blokiranje elemenata u Vue
Možete reaktivno da blokirate elemente
forme pomoću atributa disabled.
Hajde da probamo. Napravićemo odgovarajuće
svojstvo:
data() {
return {
isDisabled: true,
}
}
Povežimo ovo svojstvo sa dugmetom:
<template>
<button v-bind:disabled="isDisabled">btn</button>
</template>
Dat je unos (input). Napravite dugme čiji će klik naizmenično blokirati i odblokirati naš unos.
Modifikujte prethodni zadatak tako da stanje unosa bude kontrolisano čekboksom: ako je čekboks označen, unos je odblokiran, a ako nije označen - unos je blokiran.