Blokovanie prvkov vo Vue
Je možné reaktívne blokovať prvky
formulára pomocou atribútu disabled.
Skúsme to. Vytvorme zodpovedajúcu
vlastnosť:
data() {
return {
isDisabled: true,
}
}
Prepojme túto vlastnosť s tlačidlom:
<template>
<button v-bind:disabled="isDisabled">btn</button>
</template>
Je daný vstup. Vytvorte tlačidlo, ktorého kliknutie bude postupne zablokovať a odblokovať náš vstup.
Upravte predchádzajúcu úlohu tak, aby stav vstupu bol regulovaný zaškrtávacím políčkom: ak je zaškrtávacie políčko zaškrtnuté, potom je vstup odblokovaný, a ak nie je zaškrtnuté - potom je vstup zablokovaný.
