Blokovanie prvkov vo Vue

Je možné reaktívne blokovať prvky formulára pomocou atribútu disabled. Skúsme to. Vytvorme zodpovedajúcu vlastnosť:

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

Prepojme túto vlastnosť s tlačidlom:

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

Задание 1

Je daný vstup. Vytvorte tlačidlo, ktorého kliknutie bude postupne zablokovať a odblokovať náš vstup.

Задание 2

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ý.