Blokiranje elemenata u Vue

Možete reaktivno da blokirate elemente forme pomoću atributa disabled. Hajde da probamo. Napravićemo odgovarajuće svojstvo:

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

Povežimo ovo svojstvo sa dugmetom:

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

Задание 1

Dat je unos (input). Napravite dugme čiji će klik naizmenično blokirati i odblokirati naš unos.

Задание 2

Modifikujte prethodni zadatak tako da stanje unosa bude kontrolisano čekboksom: ako je čekboks označen, unos je odblokiran, a ako nije označen - unos je blokiran.