Blokiranje elementov v Vue
Elemente obrazca lahko reaktivno blokirate
z uporabo atributa disabled.
Poskusimo. Ustvarimo ustrezno
lastnost:
data() {
return {
isDisabled: true,
}
}
Povežimo to lastnost z gumbom:
<template>
<button v-bind:disabled="isDisabled">btn</button>
</template>
Podan je vnosni element. Naredite gumb, katerega klik bo izmenično blokiral in odblokiral naš vnosni element.
Spremenite prejšnjo nalogo tako, da stanje vnosnega elementa uravnava potrditveno polje: če je potrditveno polje označeno, je vnosni element odblokiran, če pa ni označeno - je vnosni element blokiran.
