Elementų blokavimas Vue

Galima reaktyviai blokuoti formos elementus naudojant atributą disabled. Pabandykime. Sukurkime atitinkamą savybę:

javascriptdata() {
  return {
    isDisabled: true,
  }
}

Priskirkime šią savybę mygtukui:

App.vue<template>
  <button v-bind:disabled="isDisabled">btn</button>
</template>

Задание 1

Duotas input'as. Sukurkite mygtuką, kurio paspaudimas pažingsniais blokuotų ir atblokuotų mūsų input'ą.

Задание 2

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.