Blokování prvků ve Vue
Je možné reaktivně blokovat prvky
formuláře pomocí atributu disabled.
Pojďme to zkusit. Vytvoříme odpovídající
vlastnost:
data() {
return {
isDisabled: true,
}
}
Přivažme tuto vlastnost k tlačítku:
<template>
<button v-bind:disabled="isDisabled">btn</button>
</template>
Je dán input. Vytvořte tlačítko, jehož kliknutí bude střídavě blokovat a odblokovávat náš input.
Upravte předchozí úlohu tak, aby stav inputu byl regulován zaškrtávacím políčkem: pokud je zaškrtávací políčko zaškrtnuto, pak je input odblokován, a pokud není zaškrtnuto - pak je input zablokován.
