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:

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

Přivažme tuto vlastnost k tlačítku:

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

Задание 1

Je dán input. Vytvořte tlačítko, jehož kliknutí bude střídavě blokovat a odblokovávat náš input.

Задание 2

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.