Elementų blokavimas Vue
Galima reaktyviai blokuoti formos elementus
naudojant atributą disabled.
Pabandykime. Sukurkime atitinkamą
savybę:
data() {
return {
isDisabled: true,
}
}
Priskirkime šią savybę mygtukui:
<template>
<button v-bind:disabled="isDisabled">btn</button>
</template>
Duotas input'as. Sukurkite mygtuką, kurio paspaudimas pažingsniais blokuotų ir atblokuotų mūsų input'ą.
Modifikuokite ankstesnę užduotį taip, kad input'o būsena būtų reguliuojama varnelės: jei varnelė pažymėta, tai input'as atblokuotas, o jei nepažymėta - tai input'as užblokuotas.
